/* ------------------------------------------------------------

		TITLE:      Website Blue Screen Styles
		AUTHOR:     ilya@websiteblue.com

------------------------------------------------------------ */


/* ------------------------------------------------------------
		MAIN BODY OF WEBSITE
------------------------------------------------------------ */

	body {
		margin:0px;
		padding:0px;
		background: #20130a url("images/mainbg.jpg") repeat-x top left; 
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:11px; color: #000;
		letter-spacing: .1pt;
		line-height: 14pt;
		font-weight: normal;
		text-align:center;
	}



/* ------------------------------------------------------------
		WRAPPER CONTAINER TO CENTER
------------------------------------------------------------ */

	#wrapper {
		background: #FFF url("images/topbg.jpg") no-repeat top left; 
		margin-left: auto;
		margin-right: auto;
		width: 750px;
		height: expression(document.documentElement.scrollHeight+'px');
		text-align: left;
	}


/* ------------------------------------------------------------
		LOADER (Please Wait Fade)
------------------------------------------------------------ */

			#loaderContainer {
				  position: absolute; 
				  width: 100%; 
				  top: 0; left: 0; margin:0; padding:0;
				  z-index: 1000;
				  background: url(images/semi-transparent.gif) repeat;
				  text-align:center;
				  position: expression('absolute');
				  height: expression(document.documentElement.scrollHeight+'px');
			}

			#loader {
			 	width: 250px;
				margin-left: auto;
				margin-right: auto;
				vertical-align: middle;
				background: #FFF url(images/box_bg.jpg) repeat-x top;
				border: 1px solid #98dcf3;
				text-align:left;
			}
			
		
			#loader p {
				  padding: 10px;
				  margin: 0;
				  font-size: 11px;
				  letter-spacing: .2pt;
				  line-height: 1.7em;
				  font-weight: 100;
			}
			
			#loader img {
				  float: left;
				  margin-left: 10px;
				  margin-right: 45px;
			}
			
			#loader strong {
				  display: block;
				  margin-bottom: 3px;
			}
			
			
			#loader span {
				  margin-bottom: 3px;
				  color: #3ad1ff;
				  font-size: 11px;
			 	  line-height: 1.7em;
				  font-weight: bold;
			}
			
			
/* ------------------------------------------------------------
		TOP LINKS ON RIGHT HAND SIDE
------------------------------------------------------------ */

	#toplinks {
		height:28px;
		margin:0;
		padding: 3px 0 0 10px;
		text-align:left;
		}
	
	#toplinks a {
			font-weight:normal;
			font-size: 11px;
			color: #98816d;
			text-decoration: none;
			border-bottom: 1px dotted #594838;
			}

	#toplinks a:hover {
			font-weight:normal;
			margin:0px;
			color:#FFF; 
			text-decoration: none;
			border-bottom: 1px dotted #76caff;
			}		


/* ------------------------------------------------------------
		LOGOTYPE DIV
------------------------------------------------------------ */

	#logo {
		margin: 0px; height:120px;
		}


/* ------------------------------------------------------------
		MAIN CONTAINER FOR THE RIGHT SECTION
------------------------------------------------------------ */

			#container {
				width: 525px;
				margin: 5px 0 0 25px; padding: 5px 0 15px 0;
				float:left;
				display:inline;
				overflow:auto;
				clear:right;
				}
		
			#container p {
				font-size: 11px;
				letter-spacing: .1pt;
				line-height: 15pt;
				font-weight: normal;
				}

			#container p.error {
				color: #fdb06a;
				font-size: 11px;
				letter-spacing: .1pt;
				line-height: 15pt;
				font-weight: normal;
			}

			#container span {
				font-size: 14px;
				letter-spacing: .1pt;
				line-height: 15pt;
				font-weight: bold;
				color: #76caff;
				}
	
	
			#container  a.span {
					font-size: 14px;
					letter-spacing: .1pt;
					line-height: 15pt;
					font-weight: bold;
					border-bottom: 1px solid #76caff;
					text-decoration:none;
					}
		
			#container a.span:hover {
					color: #76caff;
					font-size: 14px;
					letter-spacing: .1pt;
					line-height: 15pt;
					font-weight: bold;
					border-bottom: 1px solid #76caff;
					text-decoration:none;
					}		
	
		
			#container  a {
					font-weight:normal;
					font-size: 11px;
					color: #646566;
					text-decoration: underline;
					}
		
			#container a:hover {
					font-weight:normal;
					margin:0px;
					color:#000;
					text-decoration: none;
					}	

			#container input {
				padding: 3px;
				margin-top: 3px;
				margin-bottom: 3px;
				background-color: #FFF;
				border: 1px solid #CFCFCF;
				color: #000;
				font-size: 11px;
				height:22px;
				font-family:Tahoma, Arial, Helvetica, sans-serif;
				}	
	
			#container textarea.renew {
				padding: 3px;
				width: 520px;
				background-color: #FFF;
				border: 1px solid #CFCFCF;
				color: #000;
				font-size: 11px;
				font-family:Tahoma, Arial, Helvetica, sans-serif;
				}		

/* -----------------------------------
	TABLE ELEMENTS DEFINITIONS
----------------------------------- */

			#container #main td {
				padding:3px;
				font-size: 11px;
				letter-spacing: .1pt;
				line-height: 15pt;
				font-weight: normal;
				border-bottom:1px solid #e7e7e7;
				}


			#container #main #headers {
				font-size: 11px;
				font-weight: bold;
				text-transform:uppercase;
				background-color: #f2f2f2;
				border-bottom:none;
				}

			#container #main #headers a {
				cursor:help;
				font-weight:bold;
				font-size: 11px;
				text-decoration: none;
				border-bottom: 1px dotted #afafaf;
				}
	
			#container #main #headers a:hover {
				cursor:help;
				font-weight:bold;
				text-decoration: none;
				border-bottom: 1px dotted #76caff;
				}	


				#container #main #headers .button {
					margin-top: 5px;
					margin-left: 5px;
					padding: 3px;
					background-color: #FFF;
					border: 1px solid #CFCFCF;
					color: #000;
					font-size: 11px;
					height:22px;
					letter-spacing: .2pt;
					font-weight: bold;
					width: 100px;
					}

			#container #main #subheaders {
				font-size: 11px;
				font-weight: bold;
				text-transform:uppercase;
				background-color: #F7F7F7;
				border-bottom:none;
				}

			#container #main td input.price {
				padding-top: 3px;
				padding-bottom: 3px;
				background-color: #FFF;
				border: none;
				font-size: 11px;
				height:22px;
				font-weight:bold;
				letter-spacing: .2pt;
				width: 60px;
				}


			#container #main td select.plan {
				padding: 3px;
				background-color: #FFF;
				border: 1px solid #CFCFCF;
				color: #000;
				font-size: 11px;
				height:22px;
				letter-spacing: .2pt;
				width: 250px;
				}


			#container #main td select.periodselect {
				padding: 3px;
				background-color: #FFF;
				border: 1px solid #CFCFCF;
				color: #000;
				font-size: 11px;
				height:22px;
				letter-spacing: .2pt;
				width: 130px;
				}



			#container #main td input.standard {
				padding: 3px;
				background-color: #FFF;
				border: 1px solid #CFCFCF;
				color: #000;
				font-size: 11px;
				height:22px;
				letter-spacing: .2pt;
				width: 280px;
				}

			#container #main td input.info {
				padding: 3px;
				background-color: #FFF;
				border: 1px solid #CFCFCF;
				color: #000;
				font-size: 11px;
				height:22px;
				letter-spacing: .2pt;
				width: 150px;
				}

			#container #main td input.small {
				padding: 3px;
				background-color: #FFF;
				border: 1px solid #CFCFCF;
				color: #000;
				font-size: 11px;
				height:22px;
				letter-spacing: .2pt;
				width: 30px;
				}

			#container #main td input.number {
				padding: 3px;
				background-color: #FFF;
				border: 1px solid #CFCFCF;
				color: #000;
				font-size: 11px;
				height:22px;
				letter-spacing: .2pt;
				width: 75px;
				}


			#container #main td .tick {
				padding: 0px;
				margin:0px;
				height:13px;
				width:13px;
				border: none;
				}		
				
			#container #main td .circle {
				padding: 0px;
				margin:0px;
				border: none;
				height:13px;
				width:13px;
				}				
	
			#container #main td select {
				padding:3px;
				background-color: #FFF;
				border: 1px solid #CFCFCF;
				color: #000;
				font-size: 11px;
				height:22px;
				letter-spacing: .2pt;
				width:150px;
				}


			#container #main td select.small {
				padding:3px;
				background-color: #FFF;
				border: 1px solid #CFCFCF;
				color: #000;
				font-size: 11px;
				height:22px;
				letter-spacing: .2pt;
				width:50px;
				}


			#container #main td span.avail {
				color: #000;
				font-size: 11px;
				letter-spacing: .1pt;
				line-height: 15pt;
				font-weight: bold;
				}

			#container #main td span.negative {
				color: #ff0000;
				font-size: 11px;
				letter-spacing: .1pt;
				line-height: 15pt;
				font-weight: bold;
				}


			#container #main td div.clear {
				clear: both;
				height:15px;
				}

			#container img.icon {
				margin: 0 5px -3px 0; padding: 0;
			}


/* ------------------------------------------------------------
		DOMAINS LIST FOR REGISTRATION
------------------------------------------------------------ */

				#domains_list {
					width:520px;
					background: #e6f9ff;
					border: 1px solid #98dcf3;
					vertical-align:middle;
					margin-bottom:10px;
					}
					
				#domains_list ul {
					
					font-weight:bold;
					font-size: 13px;
					letter-spacing: .1pt;
					line-height: 1.6em;
					margin:0;
					padding:5px;
					text-indent: 15px;
					}

				#domains_list li {
					display:block;
					margin:0px;
					color: #40bee6;
					}

/* ------------------------------------------------------------
		ERROR LIST FOR REGISTRATION
------------------------------------------------------------ */

				#error_list {
					width:520px;
					background: #ffe7e2;
					vertical-align:middle;
					padding: 10px 15px 10px 15px; margin-bottom:10px;
					border: 1px solid #d72318;
					color: #d72318;
					}

				#error_list h1 {
					color: #d72318;
					font-size: 16px;
					letter-spacing: .1pt;
					line-height: 15pt;
					font-weight: bold;
					margin: 10px 0 5px 0;
					}
					
				#error_list ul {
					
					font-weight:bold;
					font-size: 13px;
					letter-spacing: .1pt;
					line-height: 1.6em;
					margin:0;
					padding:5px;
					text-indent: 15px;
					}

				#error_list li {
					font-weight:bold;
					font-size: 14px;
					display:block;
					margin:0;
					padding: 4px 0px 0 20px;
					color: #000;
					}

/* ------------------------------------------------------------
		SEARCH DOMAIN CONTAINER
------------------------------------------------------------ */

				#search {
					margin: 10px 0 0 0;
					padding: 20px 0 10px 0;
					width:523px;
					background: #49301c url(images/register_bg.jpg) no-repeat top left;
					border: 1px solid #150a04;
					vertical-align:middle;
					float:left; display:inline;
					}
			
				#search .web {
					width: 260px; height: 20px;
					margin: 10px 0 0 25px;
					padding: 3px;
					background-color: #FFF;
					border: none;
					color: #49301c;
					font-size: 12px;
					}	
			
				#search select {
					width: 80px; 
					margin: 10px 0 0 5px;
					padding: 3px;
					background-color: #FFF;
					border: none;
					color: #49301c;
					font-size: 12px;
					}
			
				#search .button {
					margin: 10px 0 0 5px;
					background-color: transparent;
					border: none;
					height:20px;
					}
			
				#search span {
					margin-left: 25px;
					font-size: 11px;
					letter-spacing: .1pt;
					line-height: 12pt;
					font-weight: bold;
					color: #72655b;
					}


				#search .heading{
					margin: 10px 0 5px 25px;
					}





/* ------------------------------------------------------------
		SPAM CONTAINER
------------------------------------------------------------ */

				#spam {
					margin: 10px 0 10px 0; padding: 0;
					width:250px; height: 150px;
					border: 1px solid #2989a6;
					float:left; display:inline;
					}




/* ------------------------------------------------------------
		HOSTING CONTAINER
------------------------------------------------------------ */

				#whyregister {
					margin: 10px 0 10px 0; padding: 0;
					width:250px; height: 150px;
					border: 1px solid #150a04;
					float:left; display:inline;
					}

/* ------------------------------------------------------------
		HOSTING CONTAINER
------------------------------------------------------------ */

				#hosting {
					margin: 10px 0 10px 18px; padding: 0;
					width:250px; height: 150px;
					border: 1px solid #2989a6;
					float:left; display:inline;
					}


/* ------------------------------------------------------------
		WEB DESIGN CONTAINER
------------------------------------------------------------ */

				#webdesign {
					margin: 10px 0 10px 18px; padding: 0;
					width:250px; height: 150px;
					border: 1px solid #150a04;
					float:left; display:inline;
					}



/* ------------------------------------------------------------
		BULK SEARCH DOMAIN CONTAINER
------------------------------------------------------------ */

				#bulk {
					margin-left:25px;
					margin-top:5px;
					margin-bottom:15px;
					padding-top:20px;
					padding-bottom:20px;
					width:523px;
					background: #FFF url(images/box_bg3.jpg) repeat-x top;
					border: 1px solid #ebebeb;
					float:left;
					}

				#bulk p {
					margin-top: 5px;
					padding-left:5px;
					padding-right:5px;
					font-size: 11px;
					letter-spacing: .1pt;
					line-height: 15pt;
					font-weight: normal;
					}

				#bulk .extensions {
					margin-left: 25px;
					padding-left:3px;
					font-size: 11px;
					letter-spacing: .1pt;
					line-height: 15pt;
					font-weight: normal;
					}

				#bulk td {
					padding:3px;
					font-size: 11px;
					letter-spacing: .1pt;
					line-height: 15pt;
					font-weight: normal;
					}
			
				#bulk .text {
					padding: 3px;
					width: 300px;
					margin-left: 25px;
					margin-top: 5px;
					background-color: #FFF;
					border: 1px solid #CFCFCF;
					color: #000;
					font-size: 11px;
					font-family:Tahoma, Arial, Helvetica, sans-serif;
					}	
			
		
				#bulk .button {
					margin-top: 5px;
					margin-left: 5px;
					padding: 3px;
					background-color: #FFF;
					border: 1px solid #CFCFCF;
					color: #000;
					font-size: 11px;
					height:22px;
					width:160px;
					letter-spacing: .2pt;
					font-weight:bold;
					}
			
				#bulk span {
					margin-left: 25px;
					font-size: 14px;
					letter-spacing: .1pt;
					line-height: 15pt;
					font-weight: bold;
					}





/* ------------------------------------------------------------
		USERNAME STATISTICS CONTAINER
------------------------------------------------------------ */

				#stats {
					margin: 10px 0 15px 0;
					padding: 15px 0 15px 0;
					width:523px;
					background: #b69e84 url(images/stats_bg.jpg) no-repeat top left;
					border: 1px solid #b69e84;
					float:left;
					}

			#stats a.domain {
					cursor:help;
					font-weight:bold;
					font-size: 11px;
					text-decoration: none;
					border-bottom: 1px dotted #afafaf;
					}
		
			#stats a.domain:hover {
					cursor:help;
					font-weight:bold;
					margin:0px;
					color:#FFF; 
					text-decoration: none;
					border-bottom: 1px dotted #45c5fd;
					}	

			#stats a {
					font-weight:normal;
					font-size: 11px;
					color: #000;
					text-decoration: underline;
					}
		
			#stats a:hover {
					font-weight:normal;
					margin:0px;
					color:#000; 
					text-decoration: none;
					}


				#stats td {
					padding:3px;
					font-size: 11px;
					letter-spacing: .1pt;
					line-height: 15pt;
					font-weight: normal;
					}

				#stats p {
					padding: 5px 15px 0 25px;
					font-size: 11px;
					line-height: 15pt;
					font-weight: normal;
					}

				#stats span {
					margin-left: 25px;
					font-size: 14px;
					letter-spacing: .1pt;
					line-height: 15pt;
					font-weight: bold;
					color: #FFF;
					}




/* ------------------------------------------------------------
		ERROR DIV
------------------------------------------------------------ */

				#error {
					margin: 10px 0 10px 0;
					padding: 7px 0 7px 0;
					width:523px;
					background: #ffe2e0 url(images/errorbg.jpg) no-repeat top right;
					border: 1px solid #ff8e86;
					float:left;
					}

				#error p {
					margin: 0;
					padding: 5px 10px 0 25px;
					color: #de5950;
					font-size: 11px;
					line-height: 15pt;
					font-weight: bold;
					}

				#error span {
					margin: 5px 0 0 25px;
					color: #de5950;
					font-size: 12px;
					line-height: 15pt;
					font-weight: bold;
					}




/* ------------------------------------------------------------
		LOGIN CONTAINER ON LEFT
------------------------------------------------------------ */

					#login {
						float:left;
						margin: 15px 0 0 15px;				
						padding:20px 0 0 0;
						width:168px;
						display:inline;
						background: #FFF url(images/box_bg2.jpg) repeat-x bottom;
						border: 1px solid #ebebeb;
						}
				
					#login form {
						margin: 0; padding:0;
						}			
				
				
				
					#login input {
						padding: 3px;
						margin-left:20px;
						margin-top: 5px;
						background-color: #FFF;
						border: 1px solid #CFCFCF;
						color: #000;
						font-size: 11px;
						height:22px;
						}
				
				
					#login .field {
						width: 120px;
						margin-top: 5px;
						margin-left:20px;
						padding: 3px;
						background-color: #FFF;
						border: 1px solid #CFCFCF;
						color: #000;
						font-size: 11px;
						height:22px;
						}	
				
					#login span {
						margin-left:20px;
						font-size: 14px;
						letter-spacing: .1pt;
						line-height: 15pt;
						font-weight: bold;
						}

					#login p.error {
						padding-left:10px;
						margin:10px;
						font-weight:normal;
						font-size: 11px;
						color: #fdb06a;
						line-height:12px;
						}

					#login a {
						margin: 10px 0 0 20px; padding:0 0 10px 0;
						float:left;	clear:left;
						}
			
					#login a:hover {
						margin: 10px 0 0 20px; padding:0 0 10px 0;
						float:left;	clear:left;
						}		

/* ------------------------------------------------------------
		NAVIGATION ON LEFT HAND SIDE
------------------------------------------------------------ */


							#nav {
								margin-left:15px;
								margin-top:5px;
								float:left;
								width:170px;
								display:block;
								}
						
							#nav ul {
								font-size: 11px;
								letter-spacing: .1pt;
								line-height: 1.6em;
								font-weight: normal;
								list-style:none;
								margin:0;
								padding:0;
								padding-bottom:20px;
								text-indent: 15px;
								}
						
								#nav span.header {
									font-weight:bold;
									font-size: 11px;
									display:block;
									margin:0px;
									text-decoration: none;
									border-bottom:1px solid #e7e7e7;
									padding: 2px 0px 2px 1em;
									width: 170px;
									text-indent: 5px;
									}
						
								#nav li a.header {
									font-weight:bold;
									font-size: 11px;
									display:block;
									margin:0px;
									border-bottom:1px solid #ede1d5;
									padding: 2px 0px 2px 1em;
									text-decoration: none;
									width: 170px;
									text-indent: 5px;
									}
								
								#nav li a.header:hover {
									margin:0px;
									text-decoration: none;
									background-color:#fff9f3;
									text-indent: 5px;
									}
						
								#nav li a {
									font-weight:normal;
									font-size: 11px;
									display:block;
									margin:0px;
									border-bottom:1px solid #ede1d5;
									padding: 2px 0px 2px 1em;
									color: #614e3f;
									text-decoration: none;
									width: 170px;
									}
								
								#nav li a:hover {
									margin:0px;
									text-decoration: none;
									background-color:#fff9f3;
									}
						
								html>body #nav li a {
									width: 170px;
									}