/*##############################################
Company: Platinum Synergy Group Inc.
Created by: Shawn Her
##############################################*/

html, body{
	background-color: #fff;
	font: 400 8pt Bookman Old Style, Arial, sans-serif;
	color: #000;}
	
table{
	font: 400 8pt Bookman Old Style, Arial, sans-serif;}

	

/*////////// LINKS ///////////*/

a{
	color: #665e98;
	text-decoration: none;}
	
a:hover{
	color: #4a446d;
	text-decoration: underline;}


/*////////// LAYOUT //////////*/
	
#container{
	margin: auto;
	width: 750px;}
	
	#container_border{
		border: solid #103276; 		/*/ Side Border Colors -- No need to create border for header image -- image size dimensions: 746px by ***px /*/
		border-width: 0px 2px;}
		
		#header{
			background-color: #fff;}
			
		#user_info{
			margin: 0px;
			padding: 6px 5px 6px 5px;
			height: 13px;
			background: #fff url("../images/top-bar.gif") repeat-x;
			color: #fff;
			font-weight: 700;}
			
			#greet{
				float: left;
				width: 366px;}
			
			#date{
				float: left;
				width: 366px;
				text-align: right;}
			
		#main_content_container{
			width: 746px;
			background-color: #f4faff;}
			
			
			
			/*/##/ TEAM/PLATINUM CONTENT CONTAINER /##/*/
			
			#team_content_container, #platinum_content_container{
				float: left;
				width: 530px;
				background-color: #fff;
				border-right: solid #415089 1px;
				font-size: 10pt;}
				
				
				/*/ PLATINUM INTERNET SERVICES CONTENT /*/
			
					#platinum_content_container b, #platinum_content_container strong{
						color: #415089 ;}
						
					#platinum_content_container a{
						color: #415089;}
						
					#platinum_content_container a:hover{
						color: #5e78cc;}

				
			#user_url{
				background-color: #f4faff;
				font-size: 7pt;
				font-weight: 700;
				padding: 7px 3px;
				color: #415087;}
				
				#user_url a{
					color: #415089;
					font-weight: 400;
					text-decoration: none;}
					
				#user_url a:hover{
					color: #5e78cc;}
			
				div#team_content_container div#content, div#platinum_content_container div#content{			/*/ Adjust HEIGHT depending on side bar /*/
					margin: 10px;
					min-height: 400px;
					height: 400px;}
					
				div[id] div#team_content_container div#content, div#platinum_content_container div#content{height: auto;}		/*/ DO NOT EDIT - Browser Fix /*/
				
					#left_section{
						float: left;
						width: 250px;}
						
					#right_section{
						float: right;
						width: 250px;}
						
						.title{
							text-align: center;
							margin-top: 10px;}
							
						.cat_items ul{
							font-size: 8pt;
							font-weight: 700;
							margin: 0px;
							padding: 5px 5px 5px 20px;}
							
						.cat_items ul li{
							margin-top: 10px;}
				
				
								
				
			/*/## TEAM CONTENT WITHOUT PLATINUM SIDE ##/*/
				
			#all_team_content{
				width: 746px;
				background-color: #fff;
				font-size: 1px;}
				
				#all_team_content div#content{
					margin: 10px 30px;
					font-size: 10pt;}									
			
			
			
			/*/## PLAINTUM SIDE CONTENT ##/*/
			
			#platinum_content{
				float: left;
				width: 215px;
				background-color: #f4faff;}
				
				.cat_header{
					padding: 6px 5px 0px 5px;
					height: 19px;
					background: #fff url("../images/cat-bg.gif") repeat-x;
					color: #415087;
					font-weight: 700;
					border-bottom: solid 1px #415089;}
					
				.cat_content{
					padding: 7px 6px 10px 6px;
					
					color: #415087;}
					
					.cat_content a{
						color: #415089;
						text-decoration: none;}
						
						.cat_content a.bold{
							font-weight: 700;
							text-decoration: none;}
						
					.cat_content a:hover{
						color: #5e78cc;}
					
					.cat_content ul{
						margin: 0px;
						padding: 5px;
						list-style-type: none;}
						
						.cat_content ul li{
							margin-top: 2px;
							color: #415089;}
						
						.cat_content ul li a{
							background: url(../images/cat-arrow_hover.gif) no-repeat;
							background-position: 0 .4em;
							padding-left: 8px;}
						
						.cat_content ul li a:hover{
							background: url(../images/cat-arrow.gif) no-repeat;
							background-position: 0 .4em;
							text-decoration: none;}

	/*/## FOOTER PROPERTIES ##/*/

	#footer_container{
		margin: auto;
		width: 750px;
		background-color: #fff;} 	/*/ Background color set same as BODY background color /*/
		
		#footer_container div#button div, div#button a{
			float: left;
			display: block;
			width: 250px;
			background-color: #103276;	/*/ Button Color /*/
			text-align: center;
			line-height: 17px;
			color: #fff; 				/*/ Button Text Color /*/
			font-weight: 700;
			text-decoration: none;}
			
		#footer_container div#button a:hover{
			background-color: #1747a7;} /*/ Button Hover Color /*/
			
		#footer_content{
			clear: both;
			padding-top: 3px;
			text-align: center;}


/*////////// PLATINUM SIDE FORM PROPERTIES ///////////*/

form.form{margin: 0px;}

.iText, form.form input, textarea, select{
	padding: 3px 2px;
	font: 400 8pt Verdana, Arial, sans-serif;
	border: solid 1px #c8d9e8;}

.btn, form.form input.btn{
	/* padding: 0px; */
	background-color: #d3e9fd;
	border: solid 1px #9fafbe;
	color: #415087;
	cursor: pointer;}

form.form table, table.form{
	margin: auto;
	border: solid 1px #415087;}

form.form table td{
	padding: 1px;
	color: #415087;
	text-align: left;}
	
form.form table td.blank{
	background-color: #f6f5ff;}
	
form.form table th.title{
	padding: 3px;
	background-color: #415087;
	color: #fff;
	text-align: center;}

form.form table th{
	padding: 1px 8px;
	background-color: #415087;
	color: #fff;
	text-align: left;}
	
	form.form table th div{
	margin: 2px 0px;
	font-weight: 400;
	font-size: 7pt;}


/*/ NEW HORIZONS / NH REGISTRATION FORM /*/

div.green, from.nhform b, from.nhform strong{color: #004f00}

nhform.form{margin: 0px;}

.iText, form.nhform input, textarea, select{
	padding: 3px 2px;
	font: 400 8pt Verdana, Arial, sans-serif;
	border: solid 1px #004f00;}

.btn, form.nhform input.btn{
	/* padding: 0px; */
	background-color: #e7efea;
	border: solid 1px #004f00;
	color: #004f00;
	text-align: center;
	cursor: pointer;}

form.nhform table{
	margin: auto;
	border: solid 1px #004f00;}
	
form.nhform table th.title{
	padding: 3px;
	background-color: #004f00;
	color: #fff;
	text-align: center;}
	
form.nhform table th{
	padding: 5px 8px;
	background-color: #e7efea;
	color: #004f00;
	text-align: left;}

form.nhform table td{
	padding: 1px;
	color: #004f00;}


/*///////// INTERNET SERVICES COMBO BOXES /////////*/
		
.combo_box{
	width: 240px;
	height: 236px;
	background: #fff url(../images/bg-combo.gif) top center no-repeat;
	font-size: 8pt;
	font-weight: 400;
	color: #000080;
	text-align: center;}
	
	.combo_box, .combo_box div.inner_content{
		padding: 6px 5px;}
		
		.combo_box div.inner_content a, .combo_box div.inner_content a:hover{
			font-weight: 700;
			text-decoration: none;}
		
		.combo_box div.inner_content ul{
			margin: 0px;
			padding: 9px 15px;}
			
			.combo_box div.inner_content ul li{
				margin-top: 7px;}
				
#combo{
	float: left;
	margin-left: 3px;
	/*/ background: #fff url(../images/bg-combo.gif) top center no-repeat; /*/} 
	
#sUrl{
	float: left;
	margin-left: 3px;
	/*/ background: #fff url(../images/bg-combo-2.gif) top center no-repeat; /*/} 
	
.option{
	float: left;
	width: 50%;
	text-align: right;}


/*////////// HEADERS //////////*/

.sm_header{
	padding: 3px;
	margin-bottom: 3px;
	border-bottom: solid 2px #283576;
	color: #283576;
	font-size: 10pt;
	font-weight: 700;}
	
.med_header{
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom: solid 2px #283576;
	color: #283576;
	font-size: 11pt;
	font-weight: 700;}

/*/ Platinum Color Headers /*/
#platinum_content_container h1, #platinum_content_container h2, #platinum_content_container h3, #platinum_content_container h4, #platinum_content_container h5, #platinum_content_container h6{
	color: #415089;
	line-height: 100%;}

h1{font-size: 24pt}
h2{font-size: 18pt}
h3{font-size: 14pt}
h4{font-size: 12pt}
h5{font-size: 10pt}
h6{font-size: 8pt}

/*/Team Color Headers /*/
h1, h2, h3, h4, h5, h6{
	color: #103276;
	line-height: 100%;}
	
.u{
	padding-bottom: 2px;
	border-bottom: solid 2px #665e98;}

/*////////// GENERAL ///////////*/

.error, .note, warning{
	color: #ce0000;}

.bold, b, strong{color: #337a00; font-weight: 700;}
.noBold{font-weight: 400;}

img, img a, img a:hover{
	border: 0px;
	text-decoration: none;}

.margin0{margin: 0px;}

.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}

.floatLeft{float: left;}
.floatRight{float: right;}
.clear{
	clear: both;
	font-size: 10pt;}
	
.clearAll{
	clear: both;
	font-size: 1px;
	line-height: 0px;}
	
ol li, ul li{
	margin-top: 3px;}
	
ol.list li, ul.list li{
	margin-top: 10px;}
	
ol.list li ul li, ul.list li ul li, ol.list li ol li, ul.list li ol li{
	margin-top: 3px;}

	
/*////////////// CUSTOM SITE CSS MEMBERS AREA //////////////*/

.catContainer{
	margin: 15px /*auto*/;
	border: solid 1px #103276;
	padding: 2px;}

	.catTitleBar{
		padding: 5px;
		background-color: #2e59b3;
		color: #fff;
		font-weight: 700;}

		.catTitleBar div.catTitle{
			float: left;
		}
		.catTitleBar div.showHide{
			float: right;
			padding: 2px;
		}
		
	div.catItems ul{
		list-style-type: none;
		margin: 0px;
		padding: 0px;}
		
		div.catItems ul li{}
		
		div.catItems ul li a{
			display: block;
			width: 96%;
			padding: 3px 2%;
			background-color: #f2f2f2;
			color: #3d3d3d;
			text-decoration: none;}
			
		div.catItems ul li a:hover{
			background-color: #f9f9f9;
			color: #000;
			text-decoration: none;}