body {
    margin:  0px  0px;
/*    background: url('../../gifs/bgBody.gif');*/
}
body.clr1 {
    background-color: #E3E4DE;
}
body.clr2 {
    background-color: #F28125;
}
body.clr3 {
    background-color: #CCCCCC;
}
body.ttr1 {
    background-image: url('../../gifs/bgBody1.gif');
}
body.ttr2 {
    background-image: url('../../gifs/bgBody2.gif');
}
.clear {
    clear: both;
}
a {
    outline: none;
}
a img {
    border: 0px;
}

#header {
    position: relative;
    width : 980px;
    margin: 10px auto  0px auto;
    background: #FFFFFF;
    border-bottom: solid 6px black;
}
#header #logo {
    display: block;
    width : 223px;
    height:  97px;
}
#header #welcome {
    position: absolute;
    top   :  5px;
    right : 10px;
    margin :  0px;
    font-family: Arial;
    font-size  : 11px;
}
#header #menu {
    position: absolute;
    top   : 62px;
    left  : 325px;
    margin :  0px;
}
#header #menu img {
    outline: none;
}
#header #menu img.on {
    display: none;
}
#header #google {
    display : none;
    position: absolute;
    top   :  62px;
    left  : 573px;
}
#header #google img {
    vertical-align: middle;
}
#header #google input {
    padding: 2px 3px;
    border: solid 1px #CCCCCC;
    vertical-align: middle;
}
#header #google a.btn {
    display: inline-block;
    width : 60px;
    height: 20px;
    color : #FFFFFF;
    font-family: Arial;
    font-size  : 12px;
    line-height: 20px;
    text-align : center;
    text-decoration: none;
    vertical-align: middle;
    background: url('../../gifs/bgButtonRed.gif');
}

#header #content {
    display : none;
    position: relative;
    height: 150px;
    margin :  0px;
    padding: 12px 20px 12px 20px;
    background: #F0F0F0;
    border: 1px solid #F0F0F0;
}
#header #contentTabs {
    position: relative;
    margin :  0px  0px 12px  0px;
    color : #000000;
    font-family: Arial;
    font-size  : 14px;
}
#header #contentTabs .tabon {
    display: none;
    font-weight: bold;
}
#header #contentTabs .taboff {
    color : #000000;
    text-decoration: none;
}
#header #contentTab0,
#header #contentTab1,
#header #contentTab2 {
    font-family: Arial;
    font-size  : 11px;    
}
#header #contentTab0 p,
#header #contentTab1 p,
#header #contentTab2 p {
    position: relative;
    margin :  6px  0px;
}
#header #contentTab0 p img {
    vertical-align: middle;
}
#header #contentTab0Inp {
    width: 250px;
    margin :  0px 10px  0px  0px;
    padding:  2px  2px  2px 22px;
    background: #FFFFFF url('../../gifs/icoFeed.gif') no-repeat 2px;
    border: 1px solid #CCCCCC;
}
#header #contentTab1Sel {
    width: 250px;
    margin :  0px 10px  0px  0px;
    padding:  2px  2px  2px 22px;
    background: #FFFFFF url('../../gifs/icoFeed.gif') no-repeat 2px;
    border: 1px solid #CCCCCC;
}
#header #contentTab2Sel {
    width: 250px;
    margin :  0px 10px  0px  0px;
    padding:  2px  2px  2px  2px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
}
#header #contentTab0Btn,
#header #contentTab1Btn,
#header #contentTab2Btn {
    display: inline-block;
    width : 60px;
    height: 20px;
    color : #FFFFFF;
    line-height: 20px;
    text-align : center;
    text-decoration: none;
    background: url('../../gifs/bgButtonRed.gif');
}

#header #setup {
    display : none;
    position: relative;
    height: 100px;
    margin :  0px;
    padding: 12px 20px 12px 20px;
    background: #F0F0F0;
    border: 1px solid #F0F0F0;
}
#header #setup p {
    position: relative;
    margin :  0px  0px  0px  0px;
    font-family: Arial;
    font-size  : 11px;
}
#header #setup p.btn {
    text-align: center;
}
#header #setup p.btn a {
    color: #C01115;
    font-weight: bold;
}
#header #setupL {
    float : left;
    position: relative;
    width : 250px;
}
#header #setupR {
    float : left;
    position: relative;
    width : 300px;
}
#header #setupL,
#header #setupR {
    margin :  6px  0px  6px  0px;
}
#header #setup label {
    display : inline-block;
    position: relative;
    width : 150px;
}

#header #help {
    display : none;
    position: relative;
    height: 200px;
    margin :  0px;
    padding: 12px 20px 12px 20px;
    background: #F0F0F0;
    border: 1px solid #F0F0F0;
}
#header #helpTabs {
    position: relative;
    margin :  0px  0px 12px  0px;
    color : #000000;
    font-family: Arial;
    font-size  : 14px;
}
#header #helpTabs .tabon {
    display: none;
    font-weight: bold;
}
#header #helpTabs .taboff {
    color : #000000;
    text-decoration: none;
}
#header #helpTab0,
#header #helpTab1,
#header #helpTab2 {
    font-family: Arial;
    font-size  : 11px;    
}
#header #helpTab0 p,
#header #helpTab1 p,
#header #helpTab2 p {
    position: relative;
    margin :  6px  0px;
}

#whereami {
    position: relative;
    width : 980px;
    margin:  5px auto 20px auto;
    font-family: Arial;
    font-size  : 11px;
}

#board {
    position: relative;
    width : 980px;
    margin:  0px auto  0px auto;
}
#onboard {
    display : none;
    position: absolute;
    top   :  0px;
    left  :  0px;
    background-color: #000000;
    cursor: pointer;
}
#drag {
    position: absolute;
    width : 120px;
    height:  60px;
    border-top: 5px solid black;
    background: #FFFFFF;
}
#fake {
    position: relative;
    height: 120px;
    margin-bottom: 10px;
    border: dotted 1px black;
}
.tpl {
    position: relative;
}
.tpl1 {
}
.tpl1 .col {
    float : left;
    position: relative;
    width : 320px;
}
.tpl1 .col1 {
}
.tpl1 .col2 {
    margin-left : 10px;
    margin-right: 10px;
}
.tpl1 .col3 {
}

.gadget {
    position: relative;
    margin-bottom: 10px;
    background: #FFFFFF;
}

.gadget .gtopbar {
    position: relative;
    height: 18px;
    color : #FFFFFF;
    font-family: Arial;
    font-size  : 11px;
    background-color: #000000;
}
.gadget .gtopbar img,
.gadget .gtopbar span {
    float: left;
    display: block;
}
.gadget .gtopbar span {
    margin :  0px  2px;
    line-height: 18px;
}
.gadget .gtopbar .gtopbarL {
    position: absolute;
    top   :  0px;
    left  :  0px;
}
.gadget .gtopbar .gtopbarR {
    position: absolute;
    top   :  0px;
    right :  0px;
}
.gadget .gtopbar .ficon {
    width : 16px;
    height: 16px;
    margin :  0px  2px  0px  0px;
    border: solid 1px white;
}
.gadget .gtopbar .title {
    font-weight: bold;
}
.gadget .gtopbar .title .cnt {
    color : #C01115;
    cursor: pointer;
}
.gadget .gtopbar .slide {
    display: none;
    width : 16px;
    height: 16px;
    margin :  0px  2px  0px  0px;
    border: solid 1px black;
}
.gadget .gtopbar .slide,
.gadget .gtopbar .refresh,
.gadget .gtopbar .edit,
.gadget .gtopbar .remove {
    cursor: pointer;
}

.gadget .cfgbox {
    display: none;
    padding:  5px;
    background: #F0F0F0;
}
.gadget .cfgbox p {
    position: relative;
    margin :  0px  0px  3px  0px;
    font-family: Arial;
    font-size  : 11px;
}
.gadget .cfgbox p label.long {
    display: inline-block;
    width : 200px;
}
.gadget .cfgbox p label.medium {
    display: inline-block;
    width : 125px;
}
.gadget .cfgbox p label.short {
    display: inline-block;
    width : 075px;
}
.gadget .cfgbox input {
    vertical-align: middle;
}
.gadget .cfgbox p.btns {
    text-align: center;
}
.gadget .cfgbox p.btns a {
    color : #000000;
}

.gadget .content p.loading {
    height: 25px;
    font-family: Arial;
    font-size  : 11px;
    text-align : center; 
    line-height: 25px;
}

#lgoogle {
    display: none;
    position: absolute;
    top   : 20px;
    left  :  0px;
    width : 100%;
    height: 100%;
    background: #999999;
}
#lgoogle .topbar {
    position: relative;
    height: 18px;
    color : #FFFFFF;
    font-family: Arial;
    font-size  : 11px;
    background-color: #000000;
}
#lgoogle .topbar img,
#lgoogle .topbar span {
    float: left;
    display: block;
}
#lgoogle .topbar span {
    margin :  0px  2px;
    line-height: 18px;
}
#lgoogle .topbar .topbarL {
    position: absolute;
    top   :  0px;
    left  :  0px;
}
#lgoogle .topbar .topbarR {
    position: absolute;
    top   :  0px;
    right :  0px;
}
#lgoogle .topbar .ficon {
    width : 16px;
    height: 16px;
    margin :  0px  2px  0px  0px;
    border: solid 1px white;
}
#lgoogle .topbar .title {
    font-weight: bold;
}
#lgoogle .topbar .close {
    display: inline-block;
    margin :  0px 5px;
    line-height: 18px;
    cursor: pointer;
}
#lgoogle .content {
    position: relative;
    width : 100%;
    height: 100%;
    border:  0px;
    background: #FFFFFF;
}