/*--------------------------------
Starcs
--------------------------------- */

/* HTML Elements Standard ____________________________________ */
body { 
	background: url(/UserUploadImages/system/header-bg.gif) top left repeat-x;
}

/*h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }*/
h5 { font-size: 14px; }

html,body,form, p {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
}
img {
	border: 0; margin:0px; padding:0px;
}

a { color: #339fe8; }
a:hover { #307cb0 }

/* Layout Elements ____________________________________ */

#mainContentWrapper{
	width: 100%;
	margin:0px auto;
}

#header { }

.innerheader { width: 973px; margin: 0 auto; }

	#header #logo { 
	padding: 0px 0px 0px 18px;
	width:158px;
	height:68px;
	overflow: hidden;
	}
	
	#header #search { 
	 
	margin:14px 16px 0px 0px !important;
	margin:14px 10px 0px 0px;
	width:305px;
	color:#3E3E3E; font-size:11px;
	overflow: hidden;
	float:right;

	}
 
 	#AddCMSSysPHpsearch { float:right; }
	
				.AddCMSSysSearchText {
					color:#FFFFFF;
                                        float: left;
					font-size:11px;
					height:13px;
					border:1px solid #3A4448;
					background:#2D373B;
					width:107px;
					margin-right:5px;
					padding-top:2px;
					padding-bottom:2px;
				}
				
				.AddCMSSysSearchButton {
					background:#2F9AE4 url(/UserUploadImages/system/top-button.gif) bottom center ;
					width:32px;
                                        float: left;
					height:18px;
					color:#fff;
					cursor:pointer;
					border:0px solid #44A4E6;				
				}
	
	
	#header #TopLinks { 
	padding-top:3px;
	 
 	float:left;
	color:#2F9AE4;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	clear:both;
	}
	#header #TopLinks a{ 
	color:#2F9AE4;
	font-size:11px;
	text-decoration:none;
	background: url(/UserUploadImages/system/header-bullet.gif) left no-repeat;
	padding:0 8px 0 8px;
	}
	#header #TopLinks a:hover{ 
	color:#000;
 
	}
	
 



#navigation  {
height: 41px;
background: url(/UserUploadImages/system/navigation-bg.gif)  top left repeat-x;
}

.innernav { width: 973px; margin: 0 auto; }


/* Start page items */

#bannerWrapper {
	width: 973px;
	height:290px;
	margin:0px auto;
	clear:both;
	overflow:hidden;
}

#bannerWrapper .banner {
	width: 973px;
	height:290px;
}	
 
 
#ContentWrapper {
clear:both;
background: url(/UserUploadImages/system/body-bg.gif) top left repeat-x ; 
width: 973px;
height:260px;
margin:2px auto;

}

#breadcrumb {
margin:0px;
 
padding:6px 0px 5px 7px;
color:#7E7E7E;
font-size:10px;
background: transparent url(/UserUploadImages/system/navigation-bullet.gif) left no-repeat;
margin-left:11px;

}
#breadcrumb a {
color:#7E7E7E;
text-decoration:none;
}
#breadcrumb a:hover {
color:#000;
text-decoration:none;
}


.BoxWrapper  {
color: #fff;
margin:0px 2px 0px 2px;
width:313px;  
float:left;

color:#384145;
font-size:12px;
}
.centeralignBoxWrapper { 
margin:0 auto;
padding: 0 9px 0 9px;
}

.BoxWrapper .box1  {
width:313px;
height:126px;
border-bottom:12px solid #2D373B;
}
.BoxWrapper .box1Description,
.BoxWrapper2 .box2Description,
.BoxWrapper .box3Description  {
padding-top:19px;
color:#384145;
font-size:12px;
}


.BoxWrapper   a, .BoxWrapper2 a {
color:#2F9AE4;
text-decoration:none;
}
.BoxWrapper a:hover, .BoxWrapper2 a:hover {
color:#000000;
}

.BoxWrapper2  {
color: #fff;
margin:0px 3px 0px 4px;
width:313px;  
float:left;
}
 
.BoxWrapper2 .box2  {
width:313px;
height:126px;
border-bottom:12px solid #2D373B;
}

.BoxWrapper .box3  {
width:313px;
height:126px;
border-bottom:12px solid #2D373B;
}

 

/* sub page  ____________________________________ */

#subpageContentWrapper {
clear:both;
background: url(/UserUploadImages/system/body-bg.gif) top left repeat-x; 
width: 973px;
min-height:560px;
height:auto;
margin:11px auto;
}

.divider { 
background:#2D373B; 
height:12px;
width:630px;
clear:both;
font-size:1px;
line-height:0;
}

#LeftpanelWrapper {
width:630px;
padding-left:9px;
float:left;
}
#LeftpanelWrapper h1 { 
color:#2F9AE4;
font-size:24px;
margin:0px;
padding-bottom:9px;

}


.Page2bannerWrapper {
	width:630px;
	height:234px;
	
 	overflow: hidden;
	
}

.Page2banner {
	width: 276px;
	 height:234px;
	 float:left;
	 overflow: hidden;

}	

.Page2bannerInfo {
color: #384145;
float:left;
width:311px;
height:188px;
padding: 46px 29px 0px 13px;
font-size:18px;
font-weight:normal;
}	
 


#LeftPanelText {
font-size:12px;
color:#384145;
background:url(/UserUploadImages/system/subpage-banner-footer-bg.gif) top center no-repeat;
padding-top:20px;

}
#LeftPanelText .leftboxText {
width:283px;
margin-right:28px;
float:left;

}
#LeftPanelText .rightboxText {
width:283px;
float:left;

}

 
#RightPanel {
width:313px;
float:right;
margin:0px 9px 0px 12px !important;
margin:0px 4px 0px 12px;
}

	#RightPanelheaderImg { 
		float:left; 
		width:313px;
		height:34px;
		background:url(/UserUploadImages/system/rightpanel-header-img.gif);
		
	 }

.RightHorizontalDivider1 {
background:#2D373B;
height:12px;
margin-bottom:10px;
clear:both;
font-size:1px;
line-height:0;
}
 
#RightPanelBox1 {
color:#292929;
font-size:12px;
padding-bottom:36px;
}
 
.RightPanelInput  {
background:#2D373B;
float:left;
border:1px solid #3F484C;
color:#FFFFFF;
font-size:12px;
height:16px;
width:146px;
margin-right:5px;
margin-bottom:7px;

}
.RightPanelButton {
background:#2F9AE4;
border:1px solid #389EE5;
color:#FFFFFF;
font-weight:bold;
font-size:10px;
 
height:18px;
width:51px;
margin-right:9px !important; margin-right:5px;
padding-bottom:2px;
cursor:pointer;
float:right;
}
 

 
#RightPanelBox2,#RightPanelBox3 {
color:#384145;
font-size:12px;
margin-bottom:20px;
}
#RightPanelBox2 h1, #RightPanelBox3 h1{
 color:#2F9AE4;
 font-size:24px;
 margin:0px;
 padding-bottom:8px;
}
#RightPanel h3, #RightPanelBox3 h3{
 color:#fff;
 font-size:24px;
 font-weight: normal;
 margin:0px;
 padding:4px 0 0 8px;
}
#RightPanelBox2 ul, #RightPanelBox3 ul{
 color:#FF0000;
 font-size:11px;
 margin:22px 0 18px 5px;
 padding-left:20px;
 list-style-image:url(/UserUploadImages/system/rightpanel-bullet-ico.gif);
}
#RightPanelBox2 li,#RightPanelBox3 li {
 color:#FF0000;
 font-size:11px;

}

#RightPanelBox2 li b,#RightPanelBox3 li b {
 color:#686868;
 font-size:11px;
 font-weight:normal;
  text-decoration:none;
}

#RightPanelBox2 li a, #RightPanelBox3 li a {
 color:#FF0000;
 text-decoration:underline;
 
}
#RightPanelBox2 li a:hover, #RightPanelBox3 li a:hover {
 color:#2F9AE4;
}

#RightPanelBox2 a, #RightPanelBox3 a {
 color:#2F9AE4;
 text-decoration:none;
 
}
 
#RightPanelBox2 a:hover,#RightPanelBox3 a:hover {
 color:#000;
}

/* Footer  ____________________________________ */

#footer { 
margin-top:25px !important; margin-top:0px;
clear: both;
width: 100%;
height:55px;
background:url(/UserUploadImages/system/footer-bg.gif) top center no-repeat;
}

#footer #footerinfo {
padding: 16px ;
color:#384145;
font-size:12px;
text-align:center;
}


.clear {clear:both;}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */




/* Navigation Menu  ____________________________________ */

#navigation ul {

	padding: 9px 0 0 19px;
	margin: 0;
	list-style: none;
}

#navigation ul li{
	float:left;
        margin:0;
        display: block;	 
}

#navigation ul li a{
	float: left;
	display: block;
	color:#000000; 
	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	padding: 4px 10px 4px 10px; 
        margin:0; 
	text-align: center;
}

#navigation ul li span a, #navigation ul li a:hover{
	color: #000000;
	border-bottom:3px solid #FF0000;
 
}

.AddCMSSysMainSelected  {
	color: #000000;
	background: url(/UserUploadImages/system/navigation-bullet.gif) no-repeat left 6px;  
}




/* Dropdown */

#navigation ul ul { 	
margin:0;
padding:0;

width: 180px;
left:-1px; 
top:30px;
}


#navigation ul ul ul { 	
margin:0;
padding: 0;
top:-1px;
height: 19px !important;
width: 203px;
left:205px;
float: left; 
border-top: 1px solid #fff;
}



#navigation ul li ul li { display: inline; }
#navigation ul li ul li a {
background: #edf8fc url(/UserUploadImages/system/navigation-bullet.gif) no-repeat 6px 7px;
text-align:left;
font: 14px arial,verdana;
color: #000205;
float:none;
text-decoration: none;
padding: 5px 8px 4px 18px;
display: block;
width: 180px;
font-weight: normal;
height: auto !important;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
}


#navigation ul li ul li a:hover {
background: #c9dbe1 url(/UserUploadImages/system/navigation-bullet.gif) no-repeat 6px 7px;
color: #000;
border-bottom: 1px solid #fff !important;
border-left: 1px solid #fff !important;
}


.AddCMSSysMenu ul.AddCMSSysSub a.AddCMSSysSub,
.AddCMSSysMenu ul.AddCMSSysSub a.AddCMSSysSub:visited,
.AddCMSSysMenu ul.AddCMSSysSub a.AddCMSSysSubSelected, 
.AddCMSSysMenu ul.AddCMSSysSub a.AddCMSSysSubSelected:visited {
width: 180px; 
}


.AddCMSSysMenu ul, .AddCMSSysTreeMenu ul {
top:-5px;
left:0;
}