/* CSS Document */
body{ text-align:center; background-color:#678FC2; color:#10459C;}

/* div{ background-color:#FFFFFF; }*/

a{ text-decoration:none; color:#10459C; }

a img{ border:0px; }

*{	font-family: tahoma; font-size:11px; }

.buttonSubmit{
	font-weight:bold; width:100px; padding:5px; 
	border:0px; background:url(images/skin/button.jpg) no-repeat; 
}

/* HOME PAGE */
#header{
	margin:0px auto; width:990px; height:110px; text-align:right; 
	background:url(images/skin/header1.jpg) no-repeat #678FC2;
}
#header div{
	padding:12px;
}
#header a{
	margin-top:3px; width:30px; height:20px; padding:2px;
}
#mainBox{
	margin:0px auto; width:990px;
	background:url(images/skin/main.gif) repeat-y #678FC2;
}
#navBox{
	margin:0px auto; background:url(images/skin/nav_home.gif) repeat-x;
	width:970px; height:25px; text-align:left;
}
#navBox .navig{
	height:25px; padding:6px;
	background:url(images/skin/nav.gif) repeat-x;
}
#navBox .navig a{
	padding:5px 10px 5px 10px; color:#10459C; font-weight:bold; 
	background:url(images/skin/nav_icon.jpg) no-repeat right;
}
#navBox .navig a:hover{
	background:url(images/skin/nav_icon_hover.jpg) repeat-x;
	border-right:#9CAEDE 1px solid;
}
#navBox .navig a.active{
	background:url(images/skin/nav_icon_active.jpg) repeat-x;
	border-right:#84B2E7 1px solid;
}
#navBox .navig a.active2{
	background:url(images/skin/nav_icon_active2.jpg) repeat-x;
	border-right:#84B2E7 1px solid;
}
#navBox .navig a.active3{
	background:url(images/skin/nav_icon_active3.jpg) repeat-x;
	border-right:#84B2E7 1px solid;
}
#navBox .navig a.active4{
	background:url(images/skin/nav_icon_active4.jpg) repeat-x;
	border-right:#84B2E7 1px solid;
}
#navBox .navig a.active5{
	background:url(images/skin/nav_icon_active5.jpg) repeat-x;
	border-right:#84B2E7 1px solid;
}
#navBox .navig a.active6{
	background:url(images/skin/nav_icon_active6.jpg) repeat-x;
	border-right:#84B2E7 1px solid;
}

#mainBox .mainContent{
	margin:0px auto; width:970px; text-align:left; min-height:2500px; 
	background:url(images/skin/content.jpg) repeat-x #FFF;
}
#mainBox .mainContent2{
	margin:0px auto; width:970px;
	background:url(images/skin/content2.jpg) repeat-x #F7A218;min-height:2000px;
}
#mainBox .mainContent3{
	margin:0px auto; width:970px;
	background:url(images/skin/content3.jpg) repeat-x #10519C;min-height:2000px; 
}
#mainBox .mainContent4{
	margin:0px auto; width:970px;
	background:url(images/skin/content4.jpg) repeat-x #5A9A5A;min-height:2000px;
}
#mainBox .mainContent5{
	margin:0px auto; width:970px;
	background:url(images/skin/content5.jpg) repeat-x #5A5DA5;min-height:2000px;
}
#mainBox .mainContent6{
	margin:0px auto; width:970px;
	background:url(images/skin/content6.jpg) repeat-x #3192C6;min-height:1000px;
}
#mainBox .line{	
	margin:0px auto; width:970px; font-size:1px; height:5px; background-color:#F07C26;
}
#mainBox .footerside{
	margin:0px auto; color:#2771BA; font-weight:bold;
	background:url(images/skin/footerside.jpg) repeat-x;
	width:970px; height:54px;
}
#footer{
	margin:0px auto; width:990px; height:18px;
	background:url(images/skin/bottom.jpg) #678FC2;
}

/*  REGISTER PAGE  */

#registers{
	margin:0px auto;background:url(images/skin/content.jpg) repeat-x #FFFFFF; 
	width:720px; border:#333333 1px solid; 
}
#popupbox{
	top:0px; left:0px;
	background-color:#000000;
	width:1150px; height:1000px; z-index:200; 
	position:absolute; 
	Filter: Alpha(Opacity=70);
	-moz-opacity: 0.70; opacity:0.7;
}
#popupbox2{
	top:250px;	left:244px;
	background-color:#FFFFFF; width:600px;	padding:10px;
	z-index:210; position:absolute; border:#009900 3px dashed;
}
#popupbox2 .close{
	font-weight:bold;	margin-top:0px; float:right;
	cursor:pointer;	cursor:hand;
	padding:3px; background-color:#009900;
}
#popupbox2 .note{
	text-align:left; float:left; color:#333333;	font-weight:bold;
}

/* LOGIN PAGE */

#loginBox{
	border:#84B2E7 1px solid;background:url(images/skin/content.jpg) repeat-x #FFF;
	margin:0px 5px 5px 590px;
}
#loginBox .caption{
	padding:6px; font-weight:bold; color:#FFFFFF;border-bottom:#84B2E7 1px solid;
	text-align:left; background:url(images/skin/nav_bg2.jpg);
}
#loginBox .title{
	text-align:left; padding:2px; font-weight:bold; margin-top:0px;
}
#loginBox .txtbox{
	text-align:center;	padding:2px;
}
#loginBox .txtbox input{
	width:170px;
}
#loginBox .submitButton{
	font-weight:bold; width:100px; padding:5px;
	border:0px; background:url(images/skin/button.jpg) no-repeat; 
}
#loginBox .link{
	padding:5px; font-weight:bold;
	text-align:left;	font-weight:bold;
	border-bottom:#F3F3F3 1px solid;
}
/*  FORGOT PASSWORD */

#forgotBox{
	border:#84B2E7 1px solid;	width:580px; float:left;
	background:url(images/skin/content.jpg) repeat-x #FFF;
}
#forgotBox .title{
	width:150px;	text-align:right; font-weight:bold; 
	float:left;	padding:5px;
}
#forgotBox .txtBox{
	width:400px;	text-align:left;	float:left;
}

/*  MESSAGE ADD PAGE */

#msgAddBox{
	margin:0px auto; width:800px; overflow:auto;
	border:#333333 1px solid;  background-color:#FFFFFF;
	background:url(images/skin/content.jpg) repeat-x #FFF;
}
#msgAddBox .topAddBox{
	width:750px;float:left; padding:5px;
}
#msgAddBox a{
	width:122px;	padding-top:5px;padding-bottom:5px;	float:left;
	background-color:#F7A218;	color:#FFFFFF;	font-weight:bold;
	border-right:#FFFFFF 1px solid;	
}
#msgAddBox span{
	padding:5px;	border-left:#FFFFFF 1px solid;
}
#msgAddBox a:hover{
	background-color:#5A9A5A;
}
#msgAddBox a.active{
	background-color:#10519C;
}
#msgAddBox a.home{
	background-color:#5A5DA5;
}
#msgAddBox .addContent{
	margin:0px auto;	float:left;	padding:10px;
}
#msgAddBox .addContent input,select{
	width:150px;
}

#msgManageBox{
	width:560px; float:left;
}
#msgDetailBox{
	border:#84B2E7 1px solid; width:750px;padding:5px;
	background:url(images/skin/content.jpg) repeat-x #FFFFFF;
}
#msgDetailBox .caption{
	 font-weight:bold;	padding:5px; margin:auto;
	color:#FFFFFF; margin-bottom:5px; width:740px;
}
#msgDetailBox .content{
	padding:3px;
}
#msgDetailBox .content span{
	font-size:12px;
}

/*	CATEGOIES PAGE	*/
/*	TOOL TIP	*/
#dhtmltooltip{
	position: absolute;
	left: -300px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	text-align:left;
	padding:5px;
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}
.button{
	background:url(images/skin/button.jpg) no-repeat; 
	padding:5px 5px 5px 0px; text-align:center; width:100px; 
	cursor:hand; cursor:pointer; font-weight:bold;
}

#catnewsBox{
	text-align:left; min-width:180px;
	margin:0px 5px 5px 5px;  
}

#catagentsBox{
	text-align:left; min-width:180px;
	margin:0px 5px 5px 5px;  
}

#catGalleriesBox{
	text-align:left; min-width:180px;
	margin:0px 5px 5px 5px;  
}

#catGalleriesBox{
	text-align:left; min-width:180px; margin:0px 5px 5px 5px; 
	background:url(images/skin/content.jpg) repeat-x #FFFFFF;  	border:#84B2E7 1px solid;
}

#catGalleriesBox .title{
	padding:5px; font-weight:bold;border-top:#84B2E7 1px solid;
}
#categoriesBox{
	text-align:left; min-width:182px;
	margin:0px 5px 5px 5px;  
}

#agentsDetailBox{
	float:left; border:#84B2E7 1px solid; text-align:left;
	background:url(images/skin/content.jpg) repeat-x #FFFFFF;width:580px;
}

#contactDetailBox{
	float:left; border:#84B2E7 1px solid; text-align:left;
	background:url(images/skin/content.jpg) repeat-x #FFFFFF;width:580px;
}

#newsDetailBox{
	float:left; border:#84B2E7 1px solid; text-align:left;
	background:url(images/skin/content.jpg) repeat-x #FFFFFF;width:580px;
}

#galleriesDetailBox{
	float:left; border:#84B2E7 1px solid; text-align:left;
	background:url(images/skin/content.jpg) repeat-x #FFFFFF;width:580px;
}

#componentCatBox{
	text-align:left; border:#84B2E7 1px solid;
	background:url(images/skin/content.jpg) repeat-x #FFFFFF;
	padding:5px;	margin:0px 5px 5px 195px;
}


#componentCatBox .title{
	font-weight:bold;	padding:5px; width:230px; color:#FFFFFF;
}
#componentCatBox div{
	border-bottom:#EFEFEF 1px solid;
}
#msgSavedBox{
	width:560px; float:left;
}

/* CUST INFO PAGE */

#custInfoBox{
	border:#84B2E7 1px solid; float:left; width:580px;
	background:url(images/skin/content.jpg) repeat-x #FFFFFF;
}

#profileBox{
	border:#84B2E7 1px solid; float:left; width:580px;
	background:url(images/skin/content.jpg) repeat-x #FFFFFF;
}

/* CHANGE PASSWORD */
#changePassBox{
	border:#84B2E7 1px solid; float:left; width:580px; 
	background:url(images/skin/content.jpg) repeat-x #FFFFFF;
}
#changePassBox div{
	text-align:left;
}
#changePassBox .input{
	float:left;
}

/* GROUP BOX  */

#groupBox{
	float:left;	margin:0px 10px 10px 0px;
}
#groupBox input, select{
	 color:#10459C;
}
#groupBox .title{
	background-color:#2F61E6; color:#FFF; padding:5px; float:left;
	font-weight:bold; cursor:hand;	cursor:pointer; width:120px;
}
#groupBox .title2{
	background-color:#F7A218; color:#FFFFFF; padding:5px; 
	float:left;	font-weight:bold; cursor:hand; cursor:pointer; width:100px;
}
#groupBox .title3{
	background-color:#5A5DA5; color:#FFFFFF; padding:5px;
	float:left;	font-weight:bold; cursor:hand; cursor:pointer; width:100px;
}

#groupBox .content{
	border:#84B2E7 1px solid; text-align:left; width:580px;
	background:url(images/skin/content.jpg) repeat-x #FFFFFF; 
}

#statisticBox{
	background:url(images/skin/content.jpg) repeat-x #FFF;
	text-align:center; margin:0px 5px 5px 590px;border:#84B2E7 1px solid;
}
#statisticBox .title{
	padding:6px;  font-weight:bold; background:url(images/skin/nav_bg3.jpg);
	margin-bottom:5px; 	color:#FFFFFF;text-align:left;border-bottom:#84B2E7 1px solid;
}
#statisticBox div{
	text-align:left; padding:5px; border-bottom:#EAEAEA 1px solid; font-weight:bold;
}
/* RIGHT ADS BOX */

#rightAdBox{
	background:url(images/skin/content.jpg) repeat-x #FFF;
	text-align:center; margin:0px 5px 5px 590px;border:#84B2E7 1px solid;
}
#rightAdBox .title{
	padding:6px;  font-weight:bold; background:url(images/skin/nav_bg3.jpg);
	margin-bottom:5px; 	color:#FFFFFF;text-align:left;border-bottom:#84B2E7 1px solid;
}

#rightAdBox img{
	width:160px; border:#84B2E7 1px solid;
}

/* LEFT ADS BOX */
#leftAdBox{
	width:180px;background:url(images/skin/content.jpg) repeat-x #FFF;
	text-align:center; margin:5px 0px 5px 5px; border:#84B2E7 1px solid;
}
#leftAdBox .title{
	padding:6px; font-weight:bold; background:url(images/skin/nav_bg4.jpg);
	margin-bottom:5px; 	color:#FFFFFF; text-align:left;border-bottom:#84B2E7 1px solid;
	
}

#leftSearchBox{
	width:180px;background:url(images/skin/content.jpg) repeat-x #FFF;
	text-align:center; margin:5px 0px 5px 5px; border:#84B2E7 1px solid;
}
#leftSearchBox .title{
	padding:6px; font-weight:bold; background:url(images/skin/nav_bg4.jpg);
	margin-bottom:5px; 	color:#FFFFFF; text-align:left;border-bottom:#84B2E7 1px solid;
	
}

#leftAdBox img{
	width:160px; border:#84B2E7 1px solid;
}



/* TAB CONTENT */

.shadetabs{
	padding: 3px 0;	margin-left: 2px; margin-top: 3px;	margin-bottom: 0;
	font: bold 12px Verdana; list-style-type: none;	text-align: left; 
	/*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{	display: inline; margin: 0; }

.shadetabs li a{
	text-decoration: none;	padding: 3px 7px; margin-right: 3px;
	border:#84B2E7 1px solid;	color: #2d2b2b;
	background: white url(images/skin/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{ color: #2d2b2b; }

.shadetabs li a:hover{	text-decoration: underline;	color: #2d2b2b; }

.shadetabs li.selected{ position: relative; top: 1px; }

.shadetabs li.selected a{ /*selected main tab style */
	background-image: url(images/skin/shadeactive.gif); border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
	text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
	border:#84B2E7 1px solid;	width: 750px;	margin-left:2px;
	margin-bottom: 1em;	padding: 5px; background-color:#FFFFFF;
}

.tabcontent{ display:none; }

@media print {	.tabcontent { display:block!important;	} }
/* END TAB CONTENT */

.highslide-html {  background-color: white;}

.highslide-html-content {	position: absolute;display: none;text-align:left; width:250px}
.highslide-display-block {   display: block;}
.highslide-display-none {   display: none;}

.control {	
	float: right;    display: block;	margin: 0 5px;	font-size: 9pt; text-align:left;
    font-weight: bold;	text-decoration: none;
}
.control:hover {	color: black !important;}

.highslide-move {    cursor: move;}

#feedbackBox .title{
	float:left; width:90px; font-weight:bold; padding:2px;
}
#feedbackBox .textbox{
	padding:2px;
}
#feedbackBox .textbox input{
	width:220px;
}
#feedbackBox .textbox textarea{
	width:220px; height:80px;
}