/* CSS Document */

body{ margin:0px; padding:0px;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666; }

h1, h2, h3, h4, h5, h6, h7, p,dl, dt, dd, form, input, ul, li, select{padding:0px; margin:0px; font-weight:normal}
p{line-height:19px}
ul,ol { list-style: none; }
input, select{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333}
a{color:#0e2662; text-decoration:none}
a:hover{color:#333; text-decoration:none}
a img{border:0}



.clear{ clear: both; }

#header:after,#middle:after, #main:after, .content:after, .data:after{ content: "."; display: block; height:0; font-size:0px; clear: both; visibility: hidden; }


/* \*/ * html #header{height:1px} /* */
/* \*/ * html #middle{height:1px} /* */
/* \*/ * html #main{height:1px} /* */
/* \*/ * html .content{height:1px} /* */
/* \*/ * html .data{height:1px} /* */



/* ---------------- Wrapper-------------- */

	#wrapper{ width:794px;margin:0px auto;}
	
	.content{width:auto;}
	.data{width:100%;}

/* ======================================== Header =================================================================  */

	#header{ width:100%;padding:10px 0 0 0; margin:0px;}

/* ---------------- Logo -------------- */

	#logo{ float:left; width:380px;padding:0px 0px 10px;}
	#logo img{display:block}

/* ----------------------- header-right ----------------------- */
	
	#header-right{ float:right; text-align:right; width:410px;padding:0px; margin:0px;}	
	.toplink{ height:20px;padding:0px 10px 0 0;}
	ul.topmenu{margin:34px 0 0; float:right; width:396px;}
	ul.topmenu li{display:block; float:left; margin:0 3px 0 0;}
	ul.topmenu li a{height:28px;display:block; font-size:011px;text-indent:-9999px; text-align:left}
	
	ul.topmenu li a.home{background:url(../images/home.gif) no-repeat left top; width:96px;}
	ul.topmenu li a.home:hover,ul.topmenu li.selected a.home{background:url(../images/home-ov.gif) no-repeat left top;}
	
	ul.topmenu li a.contact{background:url(../images/contact.gif) no-repeat left top; width:96px;}
	ul.topmenu li a.contact:hover,ul.topmenu li.selected a.contact{background:url(../images/contact-ov.gif) no-repeat left top;}
	
	ul.topmenu li a.login{background:url(../images/login.gif) no-repeat left top; width:96px;}
	ul.topmenu li a.login:hover,ul.topmenu li.selected a.login{background:url(../images/login-ov.gif) no-repeat left top;}
	
	ul.topmenu li a.syndicate{background:url(../images/syndicate.gif) no-repeat left top; width:96px;}
	ul.topmenu li a.syndicate:hover,ul.topmenu li.selected a.syndicate{background:url(../images/syndicate-ov.gif) no-repeat left top;}


	
	
	

/* ========================================= Middle  ================================================================  */
	
	#middle{ width:100%;padding:0px;margin:0px; }
	#main{ float:left;width:500px; margin:0px;padding:12px 12px 0px 0px;}
	#right-sidebar{ float:left;width:280px; padding:6px 0 0 }
	#right-sidebar.portals{ background:url(../images/portalsimage.jpg) no-repeat left top; padding:213px 0 0; margin:12px 0 0}
	#right-sidebar.owners{ background:url(../images/ownerimage.jpg) no-repeat left top; padding:213px 0 0!important}
	
	.main-left{float:left; width:243px; padding:0 12px 0 0}
	.main-right{float:left; width:243px;}	
	
	h1.pagetitle {	font-size:20px; color:#1e63b1; font-weight:bold;font-family:Helvetica, Arial, sans-serif;margin:0 0 20px;padding:0px; line-height:26px; border-bottom:1px solid #d8d8d8;}

	
	
	.contentHead {width:784px;height:37px; margin:0px;	background:url(../images/intHead.gif) no-repeat left top; padding-left:10px;}
	.contentHead h1 {font-family:Helvetica, Arial, sans-serif;	font-size:20px;	color:#FFF;	text-align:left;margin:0;padding:0; line-height:37px}
	.mainbanner {width:794px;height:233px;background:url(../images/main.jpg) no-repeat left top;;margin-bottom:0px;}


/* ----------------------- green-widget ----------------------- */

	.green-widget{margin:0px 0px 14px; }
	.green-widget .top{ padding:0px 10px; margin:0px;background:#0e870a url(../images/green-thead-nobottomborder.gif) no-repeat right top;}
	.green-widget h2.heading{ font-size:18px;color:#fff; font-weight:bold;font-family:Helvetica, Arial, sans-serif;padding:4px; margin:0px; display:block;}
	
	.green-widget h5{ font-size:13px;color:#000;padding:0px 0px 3px; margin:0px 0px 5px; font-weight:bold}
	
	.green-widget .content{ padding:8px 10px; margin:0px; width:auto;border:1px solid #9f9f9f;}
	.green-widget .data{ width:100%}

/* -----------------------homepage textbox ----------------------- */

	.box-top {width:500px;height:8px;line-height:0px; font-size:0px;background:url(../images/textTop.gif) no-repeat right top;padding:0; margin:0;}

	.box-content {width:auto;padding:0px 10px 30px;margin:0px;border:1px solid #d7d7d7;border-top-width:0px;}
	
	.bodyText {font-family:Helvetica, Arial, sans-serif;font-size:16px; line-height:19px;	color:#333;	text-align:left;}
		
		
	
/* ----------------- list -------------- */

	.list {}
	.list li{font-size:15px; color:#333;background:url(../images/arrow.gif) no-repeat 0 5px; padding:3px 0px 3px 15px; font-family:Helvetica, Arial, sans-serif;}

	ol {font-size:15px;color:#1660ac;list-style-position: outside;list-style-type:decimal;line-height:18px;margin:0px; padding:0 0 0 22px;margin-bottom:4px;}	
	ol p {text-align:left;font-family:Helvetica, Arial, sans-serif;color:#333;line-height:18px;margin-top:0px;margin-bottom:5px;}	

	.middle-content{padding:0px}
	.middle-content	ul { padding:10px 0 0 0}
	.middle-content	ul li{background:url(../images/arrow-bullet.gif) no-repeat 0 4px; padding:0px 0px 3px 10px;}

	


/* ----------------------- right sidebar ----------------------- */
	
	.join{ float:left; display:block;background:url(../images/join.png) no-repeat left top; width:280px; height:113px}
	.join:hover{background:url(../images/join-ov.png) no-repeat left top; width:280px; height:113px}
	
	.ipowners{float:left; display:block;background:url(../images/owners.png) no-repeat left top; width:280px; height:63px; margin:0 0px 5px 0}
	.ipowners:hover{background:url(../images/owners2.png) no-repeat left top; width:280px; height:63px}
	
	.portals{float:left; display:block;background:url(../images/portals.png) no-repeat left top; width:280px; height:62px; margin:0 0px 5px 0}
	.portals:hover{background:url(../images/portals2.png) no-repeat left top; width:280px; height:62px}
	
	
/* ---------------- Widget -------------- */
	
	.widget{ width:100%; margin:0px; padding:10px 0px 30px;}
	.widget .top{background:url(../images/widget-tbg.gif) repeat-x 0 0; width:auto; display:block}
	.widget .topleft{background:url(../images/widget-tl.gif) no-repeat 0 0; width:auto; height:5px; display:block}
	.widget .topright{background:url(../images/widget-tr.gif) no-repeat 100% 0; width:auto; height:5px; display:block; font-size:0px; }
	
	.widget .bottom{background:url(../images/widget-bbg.gif) repeat-x 0 0!important; width:auto; display:block}
	.widget .bottom .bottomleft{background:url(../images/widget-bl.gif) no-repeat 0 0; width:auto; height:5px; display:block}
	.widget .bottom .bottomright{background:url(../images/widget-br.gif) no-repeat 100% 0; width:auto; height:5px; display:block;font-size:0px}
	
	.widget .container{padding:5px 10px 0px; width:auto; border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9}
	.widget .content{width:100%;}
	
	p.heading{font-size:15px; line-height:18px; color:#666; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding:0 0 5px; margin:0}
	.center{text-align:center}
	
	.syn-logo{border:1px solid #ccc; padding:2px}
	

/* ---------------- contact-form  -------------- */

	.contact-form {padding:15px 0px 0; margin:0px; width: 100%; }
	.contact-form label {float: left; text-align:right; margin:0px 10px 0px 0px; width: 130px; line-height: 17px;}
	.contact-form input.text { float: left; margin: 0px 0px 8px; padding:2px;width:212px; color: #666666; border:1px solid #d8d8d8}
	.contact-form select.selectbox { float: left; margin: 0px 0px 5px; padding:2px;width:218px; color: #666666; border:1px solid #d8d8d8}
	.contact-form textarea.text {float: left; margin: 0px 0px 5px; padding:4px;width:208px; height:60px; color: #666666; border:1px solid #d8d8d8}
	.contact-form .btn {margin-top: 5px; height: 27px; margin-bottom:10px}
	.contact-form br {clear: left}
	.contact-form .single{ padding:0 0 0 140px }
	.contact-form  a {font-weight: bold; }
    .contact-form .error {color: red; }
	
	
/* ==============================================  Sign Up   ===========================================================  */

	#signup-form{width:475px;height:auto;padding:0px; margin:0 auto; }
	#signup-form a{font-weight:normal; color:#4B73AD;text-decoration:underline;}
	#signup-form a.hover{font-weight:normal; color:#4B73AD;text-decoration:none;}
	#signup-form a.visited{ font-weight:bold; sans-serif; font-size:12px; color:#4B73AD;text-decoration:underline;}
	#signup-form .mainform{width:475px; float:left}
	#signup-form .mainform .rows{width:475px; float:left; margin:4px 0px 0px}
	#signup-form .mainform .rows .rowl{width:230px !important; margin:0 5px 0 0; float:left; }
	#signup-form .mainform .rows .rowl label{width:211px; float:left; padding:5px 0px 5px; font-weight:bold;}
	#signup-form .mainform .rows .rowl input{border:1px solid #D6D4D4; width:220px; padding:3px; height:16px}
	#signup-form .mainform .rows .rowl select{border:1px solid #D6D4D4; width:225px; padding:3px; height:24px}
	#signup-form .mainform .rows .rowr{width:230px; float:left}
	#signup-form .mainform .rows .rowr label{width:230px; float:left; padding:5px 0px 5px; font-size:12px; font-weight:bold;}
	#signup-form .mainform .rows .rowr input{border:1px solid #D6D4D4; width:230px; padding:3px;height:16px}
	#signup-form .mainform .rows .rowr select{border:1px solid #D6D4D4; width:230px; padding:3px;height: 24px;}
	#signup-form .mainform .rows label.text{width:475px;  font-weight:bold; float:left; padding:5px 0px 5px}
    #signup-form .mainform .rows span.text{font-weight:bold;}
	#signup-form .mainform .rows input.txt{width:465px;   border:1px solid #D6D4D4; padding:3px;height:16px}
	#signup-form .mainform .rows input.txt1{width:220px; font-size:12px;  border:1px solid #D6D4D4; padding:3px;height:16px}
	#signup-form .mainform .rows select.txt1{border:1px solid #D6D4D4; width:220px;padding:3px;  height: 24px;}
	#signup-form .mainform .rows .first{width:100px; float:left; margin-right:15px; margin-top:10px}
	#signup-form .mainform .rows .first select{ width:100px; margin:5px 0px}
	#signup-form .mainform .rows .first label{font-size:14px; font-weight:bold; padding:5px 0px 5px}
	#signup-form .mainform h4.heading{font-size:12px; font-weight:bold}
	#signup-form p.bluehead{ font-size:12px; font-weight:bold; color:#2E5797;padding:0px}
    #signup-form p.errormessage{ color: red; }
	
	
	#signup-form  p{padding:10px 0px 5px; font-size:14px; font-weight:bold;}
	#signup-form  p .smallTxt{font-weight:normal; font-size:12px;}
	.content .seperator{width:475px; float:left; border-top:1px solid #CED7DB; height:10px;}
	
	
	
	#signup-form .check_box{margin-top:8px;}
	#signup-form .check_box span{padding:0px 0px 0px 8px;}
	
	

/* ******************* Footer ***********************************  */

	#footer{ padding:15px 0px 10px; width:100%; }
	#footer ul{ margin-top:0px; text-align:center; }
	#footer ul li{display:inline; }
	#footer ul li a{ padding:0px 6px;}
	#footer p{ padding:5px 0px 5px 6px; font-size:12px; text-align:center;}
	
    
/* Performance improvement, preload images */
	.hiddenImg {display: none;}