/* =Importing rules
-------------------------------------------------------*/

@import url(generic/reset.css);
@import url(generic/helpers.css);

/* Importing branding modules */
@import url(branding/header.css);
@import url(branding/footer.css);
@import url(branding/navigation.css);

@import url(modules/forms.css);
@import url(modules/flash_data.css);
@import url(modules/ajax.css);

/* =Elements
-------------------------------------------------------*/
* {
    margin: 0;
}
.wrapper {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -35px;
}

html, body {
	margin:0;
	padding:0;
	height: 100%; 
	font-size:13.34px;
	font-family:'Lucida Grande', Helvetica, Arial, sans-serif;
	background-color: #FFFFFF;
	background-image:url("/images/blue_to_white_gradient.jpg");
	background-repeat:repeat-x;
	}
	a:link {
		text-decoration:underline;
		color:#010101;
		}
	a:visited {
		text-decoration:none;
		color:#ccc;
		}
	a:hover {
		text-decoration:underline;
		/*color:#4d4d4d;*/
		}
	a:active {
		text-decoration:none;
		outline:none;
		}
/*	h1, h2, h3, h4, h5, h6 {
		color:#010101;
		}
			h1 {
				padding:0 0 1em;
				line-height:1;
				font-size:2em;
				color:#000;
				}
			h2 {
				padding:0;
				font-size:14px;
				}
			h3 {
				font-size:14px;
				font-style:italic;
				padding:0;
				}
			h4 {
				font-size:1.3em;
				}
			h5 {
				font-size:1.2em;
				}
			h6 {
				font-size:1.1em;
				}*/
	p {
		line-height:1.3;
		padding:0 0 0.8em;
		}
	
/* =Layout elemernts
-------------------------------------------------------*/

div.container {
	width: 980px;
	clear: both;
	overflow: hidden;
	text-align: left;
	margin:0 auto;
	padding-top: 60px;
	}

div.dashed-line {
	border-bottom: 2px dashed #CCCCCC;
	}

div.grey_box {
	padding:30px;
	-moz-border-radius:1em 1em 1em 1em;
	background:none repeat scroll 0 0 #E8E8E8;
	width: 650px;
	margin-bottom: 10px;
}

div.content {
	width: 938px;
/*	clear: both;*/
	overflow: hidden;
	text-align: left;
/*	margin:0 auto;*/
	padding:20px;
	border: 1px solid #cccccc;
	margin-bottom: 50px;
	background: #ffffff;
}
			
/* =Homepage
-------------------------------------------------------*/

body.home div.pitch h1 {
	font-family:helvetica,arial,sans-serif;
	color:#000000;
	font-size:41px;
	letter-spacing:-2px;
	line-height:1em;
	font-weight: bold;
	}
	
body.home div.pitch {
	background-image:url(/images/flaregun_app-resized.png);
	background-position: 405px 0px;
	background-repeat:no-repeat;
	height: 340px;
	text-align:left;
	}
	
body.home div.pitch h2 {
	color:#222222;
	font-family:georgia,times;
	font-size:24px;
	font-weight:normal;
	line-height:1.2em;
	margin:0 0 10px;
	padding:0;
	}
	
body.home div.pitch h3 {
	color:#555555;
	font-family:georgia,times;
	font-size:16px;
	font-weight:normal;
	line-height:1.2em;
	margin:0 0 15px;
	padding:0;
	}	

body.home div.reasons-container {
	margin-top: 25px;
	}

body.home div.reason {
    font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
    font-size: 12px;
    line-height: 1.4em !important;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 70px;
    margin-top: 20px;
    text-align: left;
	float: left;
	width: 280px;
	}
	body.home div.reason.final {
		margin-right: 0px !important;
		}
		
body.home div.reason.top {
    margin-top: 0 !important;
	}
	
body.home div.reason h3 {
    color: #ffffff;
	background: #9CE077;
	width: 29px;
	height: 33px;
	text-align: center;
	padding: 3px 6px 6px 6px;
    float: left;
    font-size: 30px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 15px;
    margin-top: -10px;
	font-family: "Helvetica Neue",Helvetica,sans-serif;
	}
	
body.home div.reason h4 {
    color: #333333;
    font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
    font-size: 24px;
	font-weight: bold;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
	}
	
body.home div.reason p {
    font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
    font-size: 16px;
	margin-bottom: 0;
    /*margin-left: 57px;
        */
	margin-right: 0;
    
	padding-top: 15px;
	color: #5A5A5A !important;
	clear: left;
	width: 300px;
	}	

/* =plans
-------------------------------------------------------*/	

body.plans div.top {
	margin:0 auto 0;
	padding:0;
	width:100%;
	}

body.plans div.container {
	text-align: center !important;
	}
	
body.plans h2 {
	font-family:helvetica,arial,sans-serif;
	color:#000000;
	font-size:30px;
	letter-spacing:-2px;
	line-height:1em;
	font-weight: bold;
	padding-bottom: 0px !important;
	}
	
body.plans h3 {
 	margin-top: 5px;
	}
	
div.threecolumns {
	height: 300px;
	margin:0 210px;
	padding-top: 20px;
	margin-left: 115px;
	margin-right: 66px;
	}
	
div.threecolumns h2 {
	font-family:helvetica,arial,sans-serif;
	color:#000000;
	font-size:30px;
	letter-spacing:-2px;
	line-height:1em;
	font-weight: bold;
	padding: 0px;
	}
	
div.short {
	background: #EFEFEF;
	border: 1px solid #999999;
	width: 200px;
	padding: 10px;
	float: left;
	height: 250px;
	width: 160px;
	margin-top: 22px;
	text-align:center;
	}

div.short img {
	margin-top: 15px;
	}
	
div.no-right {
	border-right: none;
	background: #EFEFEF url(/images/shadow-right.png) no-repeat;
	background-position: right;
	}
	
div.no-left {
	border-left: none;
	background: #EFEFEF url(/images/shadow-left.png) no-repeat;
	background-position: left;
	}

div.emphasis {
	height: 290px;
	width: 170px;
	margin-top: 0px !important;
	background: #ffffff;
	border:3px solid #3671A1;
	}

div.emphasis h2 {
	font-size:40px;
	}

body.plans div.column-container {
	clear: both;
	margin: 40px 100px 0px 121px;
	text-align: left;
	}
	body.plans div.column-container h4 {
		font-size: 14px;
		font-weight: bold;
		margin: 8px 0 8px 0;
		}
	body.plans div.column-container p {
		font-size: 12px;
		}
	body.plans div.column-container div.column1 {
		float: left;
		width: 330px;
		}
	body.plans div.column-container div.column2 {
		float: left;
		width: 330px;
		margin-left: 75px;
		}	
	
/* =Error pages
-------------------------------------------------------*/	

body.not-ready div.container {
	text-align: center;
	}
	
body.not-ready h2 {
	font-family:helvetica,arial,sans-serif;
	color:#000000;
	font-size:30px;
	letter-spacing:-2px;
	line-height:1em;
	font-weight: bold;
	padding-bottom: 0px !important;
	}
	
body.not-ready h3 {
 	margin-top: 5px;
	}
	
body.not-ready div.email-signup {
	margin: 20px auto;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    background-color: #E1F7DC;
    border: 1px solid #9CE077;
    width: 400px;
	height: 35px;
	padding: 20px;
	text-align: left !important;
	}
	body.not-ready div.email-signup label {
		font-size: 16px;
		font-weight: bold;
		margin-right: 5px;
		}
	body.not-ready div.email-signup input {
	
		}

	body.not-ready div.email-signup button {
		font-size: 16px;
		}
			
/* =Error pages
-------------------------------------------------------*/	
body.error-404 div.top {
	margin:0 auto 30px;
	padding:20px 0 0;
	width:100%;
	}
	
body.error-404 h2 {
	font-family:helvetica,arial,sans-serif;
	color:#000000;
	font-size:30px;
	letter-spacing:-2px;
	line-height:1em;
	font-weight: bold;
	padding-bottom: 0px !important;
	margin: 20px 0 30px 0;
	}

body.error-404 #error-404-container {
	background-color: #FFFFBB;
	padding: 20px;
	margin-top: 40px;
	border: 1px #cccccc solid;
	width: 940px;
	}
	
/* =App styling
--------------------------------------------------------*/

div#app_interface {
	color: #999999;
    font-family: Lucida Grande,Verdana,Sans-serif;
    font-size: 14px;
    font-weight: normal;
	}

div#app_interface h2 {
    color: #333333;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
	}
	
#domain_allowance_warning {
	float: right;
	width:320px;
	padding: 15px;
	border: 1px dashed #FD0000;
	background: #FBE6F2;
 	font-size: 11px;
	margin-bottom: 30px;
	}
	#domain_allowance_warning h4 {
		font-weight:bold;
		}

hr.divider {
	margin: 10px 0px 18px 0px;
	border: none 0;
	border-top: 1px dashed #000;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	}
	
/* =Domain table
--------------------------------------------------------*/
div.domain-wrapper {
	margin-top: 60px;
	clear: both;
	}
	div.domain-wrapper th {
		background:#333333 none repeat scroll 0 0;
		border-bottom:1px solid #CCCCCC;
		color:#FFFFFF;
		padding:5px;
		text-align:center;
		}
		div.domain-wrapper th a {
			text-decoration: underline;
			}
	div.domain-wrapper td {
	border-bottom:1px solid #CCCCCC;
	font-family:verdana,"Lucida Grande",arial,helvetica,sans-serif;
	padding:5px;
	text-align:center;
	}
	div.domain-wrapper td.domain_actions_container {
		margin-right: 10px;
		width: 15px;
	}
	div.domain-wrapper td.domain_actions_container ul.domain_actions {
		list-style: none outside none;
		margin:0;
		padding:0;
		margin-top: 3px;
		}
		div.domain-wrapper td.domain_actions_container ul.domain_actions li {
			float:left;
			list-style-type:none;
			margin:0 10px 0 0;
			height: 9px;
		}
		div.domain-wrapper td.domain_actions_container ul.domain_actions li.delete {
			margin-top: -6px !important;
			margin-right: 3px !important;
		}

	div.domain-wrapper td.domain_name {
		text-align: left !important;
		}
		div.domain-wrapper td.domain_name a {
			font-weight:bold;
			text-decoration:none;
			color: #0033BB;
			/*padding: 1px 0;*/
		}
	div.domain-wrapper tr.odd {
		/*background:#EDF3FE none repeat scroll 0 0;*/
	}
	div.domain-wrapper .domain_allowance_info {
		margin-top: 20px;
	}
	
	div.domain-wrapper img.delete-icon:hover {
		cursor:pointer;
		}
	
	div.domain-wrapper span.refresh-domain {
		margin-left: 3px;
		float: left;
		}
		div.domain-wrapper img.refresh-domain-icon {
			margin-bottom: -3px;
			margin-left: 6px;
			}
			div.domain-wrapper img.refresh-domain-icon:hover {
				cursor:pointer;
				}
				
		div.domain-wrapper img.refresh-domain-loader {
			margin-bottom: -3px;
			margin-left: 1px;	
			}
			
	div.domain-wrapper th#th-domain_name a:hover {
		cursor:pointer;
		}
	
	div.domain-wrapper th#th-domain_expiration_date a:hover {
		cursor:pointer;
		}
			
/* =Full whois
--------------------------------------------------------*/

#full_whois {
	padding:10px;
	width:800px;
	background-color: #fefef6;
	border: 1px #cccccc dashed;
	margin: 15px 0;
	}
	
/* =App Account
--------------------------------------------------------*/

body#account div.top_section {
    background-color: #FFFFFF;
    height: 250px;
    padding-bottom: 10px;
    z-index: 9999;
	clear: both;
	}
	
body#account div.box {
    background-color: #EEEEEE;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 125px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
	float: left;
	}
	body#account div.box.change_password {
	    height: 220px !important;
		width: 388px;
		}
	body#account div.box.change_email_address {
		margin-left: 10px;
	    height: 220px !important;
		width: 500px;
		}
	body#account div.box.notifications {
	    height: 200px !important;
		width: 620px;
		}
		body#account div.box.notifications ul {
			list-style-image: none;
			list-style-position: outside;
			list-style-type: none;
			}
		
	body#account div.box.plan {
		margin-left: 10px;
	    height: 200px !important;
		width: 268px;
		}