﻿body
{
    background: url(../Image/BGT.jpg) #dfe6ee repeat-x;
    margin: 0px;
    padding: 0px;
    text-align: center;
    scrollbar-face-color: #a6c2ea;
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #1f1f1f;
    scrollbar-3dlight-color: #739cbd;
    scrollbar-track-color: #dae0ec;
    scrollbar-darkshadow-color: #ffffff;
    height: 100%;
}
html{height: 100%;}

*
{
	font: 8pt tahoma;
	
	
}
ul
{
    text-decoration: none;
    list-style-type: none;
}
a{
    text-decoration:none
}

a:hover
{
    color: #DF5900;
    text-decoration: underline;
}

.LeftToRight{direction:ltr}
.RightToLeft{direction:rtl}


#Header
{
    width: 900px;
    margin: 0 auto;
    overflow: hidden;
}
#Header img
{
    height: 120px;
    width: 900px;
    margin: 0 auto;
    overflow: hidden;
}
#div_Menu
{
    background: #B7D7E1 url( '../Image/MenuDiv_BG.png' );
    height: 30px;
    margin: 0 auto;
    width: 900px;
}
#div_Menu input
{
    background: none;
    border: none;
}
/****** Box's ********/
/** TyneBox **/

.box-top{
    background:url(../Image/Boxs/Box-Top.png) no-repeat;
    color:#FF9;
    height:38px;
    padding-top:6px;
    text-align:center;
    width:150px
}
.LinksItem
{
	background-position: right;
	background-image: url(../Image/Icons/bullet-orange.gif);
	display: block;
	float: right;
	background-repeat: no-repeat;
	padding-right: 11px;
}
.box-center
{
    background: url(../Image/Boxs/box-center.png);
    margin: 0px;
    padding: 0px 7px 0px 0px;
    width: 143px;
    text-align: right;
}

.box-down{
    background:url(../Image/Boxs/box-down.png ) no-repeat;
    height:19px;
    width:150px
}

.center-box-top
{
    background: url(../Image/Boxs/center-box-top.png) no-repeat;
    height: 27px;
    width: 514px;
    text-align: right;
    padding-top: 8px;
    padding-right: 33px;
}

.center-box-border
{
    background: url(../Image/Boxs/center-box-center.png ) repeat-y;
    width: 527px;
    padding-right: 10px;
    text-align: right;
    padding-left: 10px;
    margin:0px;
     overflow:visible;
    
}

.center-box-down{
    background:url(../Image/Boxs/center-box-down.png ) no-repeat;
    height:18px;
    width:547px
}
/*******/
.DayPicture
{
  float: left;
        width: 160px;
        height: 131px;
        background-color: #F4F4F4;
        background-image: url('../Image/ImageBorder.gif');
        background-repeat: no-repeat;
        text-align: center;
        padding-top: 4px;
        position: relative;
        left: 0px;
        top: 0px;
}

.Banner{
    background:url(../Image/Banner.png);
    height:170px;
    margin:0px 60px 0px 0px; margin: 0 auto;
    width:900px
}
.AdminBanner
{
    background: url(../Image/AdminBanner.png);
    height: 100px;
    margin: 0px 60px 0px 0px;
    width: 900px;
}

#ColLeft{
    float:left;
    margin-left:3px; margin: 0 auto;
    width:150px
}

#ColCenter{
    float:left; margin: 0 auto;
   width:590px;
  
}

#div_Date
{
    background: #FFC993 url(../Image/bar_news.gif);
    height: 20px;
    margin: 0 auto;
    width: 900px;
    text-align: right;
}
#div_Date input
{
    background: none;
    border: none;
}

#colRight{
    float:right;
    margin-right:3px;
    width:150px
}

#content
{
    background: #FFF;
    border-left: #859CCA 1px solid;
    border-right: #859CCA 1px solid;
    margin: 0 auto;
    text-align: center;
    width: 899px;
    empty-cells: hide;
}

#footer
{
    background: url(../Image/footer.png);
    color: #fff;
    height: 33px;
    margin: 0 auto;
    padding-top: 5px;
    text-align: center;
    width: 905px;
}
/******Coenter Div Content  ******/
/* Blue Border And White Center */

.rndBoxBlueWht{
    background:#fff url(../Image/Boxs/Border/right.png) repeat-y left top;
    margin:0px auto;
    position:relative;
    width:100%
}

.rndBoxTopBlueWht{
    background:url(../Image/Boxs/Border/topLeft.png) no-repeat left top;
    height:16px;
    width:100%
}

.rndBoxTopBlueWht div{
    background:url(../Image/Boxs/Border/topRightCurve.png) no-repeat right top;
    display:block;
    height:16px;
    overflow:hidden;
    position:relative
}

.rndBoxContentBlueWht
{

    border-left: 2px solid #7091BC;
    border-right: 2px solid #7091BC;
    background: #F6F6F6;
    margin: 0;
    height:inherit;
    
}

.rndBoxContentBlueWht h1,.rndBoxContentBlueWht h2,.rndBoxContentBlueWht h3,.rndBoxContentBlueWht h4{
    padding:0px 5px 0px 10px
}

.rndBoxContentBlueWht table{
    padding:0px 5px 5px 5px
}


.rndBoxBottomBlueWht{
    background:url(../Image/Boxs/Border/bottomLeft.png) no-repeat left top;
    height:16px
}

.rndBoxBottomBlueWht div{
    background:url(../Image/Boxs/Border/bottomRightCurve.png) no-repeat right top;
    display:block;
    height:16px;
    overflow:hidden;
    position:relative
}

.boxTopHeader /* This is the standard class for putting text in the box header */ {
    color:#FFF;
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:0 0 0 12px;
    position:relative;
    top:5px
}

.boxTopHeader img,.boxBottomHeader img{
    left:1px;
    position:relative;
    top:-1px
}

.boxBottomHeader /* This is the standard class for putting text in the box footer */ {
    color:#FFF;
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:0 0 0 12px;
    position:relative;
    top:-234px;
    right: 800px;
}

.boxTextHeader{
    color:#000;
    font-size:12px;
    font-weight:bold;
    padding:5px 10px 5px 10px
}

.boxText
{
    color: #000;
    font-size: 12px;
    padding: 5px 10px 5px 10px;
    text-align: center;
    
}

.rightTopHeader{
    color:#353535;
    display:inline;
    float:right;
    font-size:11px;
    font-weight:bold;
    padding:5px 10px 0px 0px
}

.leftTopHeader
{
    color: #353535;
    display: inline;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0px 0px 10px;
}

/******* Tabs *********/
#TabContainer
{
    margin: auto;
}
#TabContainer ul
{
    
    padding-top: 1px;
    list-style: none;
    width: 565px;
    margin: 0px auto;
}
#TabContainer ul li
{
    border-left: 1pt solid #FFFFFF;
    float: right;
    display: block;
    line-height: 20px;
 
}

#TabContainer span a
{
    float: left;
    display: block;
    background: url( '../Image/tabright5.gif' ) no-repeat right top;
    padding: 5px 6px 4px 6px;
    color: #FFFFFF;
}
      

#TabContainer span a:hover
{
    background-position: 100% -37px;
    color: #000000;
    text-decoration: none;
}  


#TabContainer .ContentArea
{
    border: 1px solid #CCCCFF;
    padding: 3px;
    clear: none;
    display: block;
    overflow: auto;
    width: 550px;
    margin: auto;
    background-color: #f2f3f4;
}
#TabContainer ul a.active, #TabContainer ul a.active:hover
{
    background-position: 0% -37px;
    color: #000000;
}
/******** Members ******/

/*- Menu-*/
.Horizontal_Menu
{
    width: 80px;
    font-size: 7.5pt;
    height: 25px;
    margin-top: 3px;
}
.Horizontal_Menu a
{
    height: 25px;
    display: block;
    color: #336699;
    line-height: 25px;
    padding-right: 9px;
    padding-left: 9px;
    border-left-style: dotted;
    border-left-width: 1pt;
    border-left-color: #ACB9BF;
}
.Horizontal_Menu a:hover
{
    display: block;
    color: #000000;
    background-image: url(  '../../../ControlPanel/Images/navt.gif' );
    text-decoration: none;
}

.Vertical_menu
{
    margin: auto;
    width: 135px;font-size: 7.5pt;
}

.Vertical_menu a
{
    border-bottom: 1pt solid #EFE8FD;
     border-left: 1pt solid #EFE8FD;
    color: #0099CC;
    line-height: 13px;
    width: 130px;
    display: block;
    height: 18px;
    padding-top: 3px;
    padding-right: 4px;
    background: url(Image/menu_bg.png) 0 -1px;
    background-color: #F5F5FE;
}

.Vertical_menu a:hover
{
    display: block;
    background: #E8F8FF url(    '../Image/mbg_h.png' );
    text-decoration: none;
}

/*---------------*/
