/* General Styles */

.client {
	overflow-x: hidden;
	line-height: 1.4;
	}
.client h2 {	
	padding: 1.2em 0 0.5em;
	margin: 0;
	}	
#client_wrap {
	width: 644px;
	margin: 0 auto;
	position: relative;
}
#client_head {
	width: 644px;
	height: 132px;
	margin: 0 auto;
	position: fixed;
	background: #FFF;
	border-bottom: 1px solid #CCC;
	z-index: 9999;
	}
#client_head h1 {margin-top: 28px;}
#client_head h1 a {
	display: block;
	width: 169px;
	height: 43px;
	background: url(../images/p_emb.png);
	float:right;
	text-indent: -9999px;
	overflow: hidden;
	}
#client_head h2 {
	padding-top: 10px;
	font-size: 18px;
	font-weight: 400;
	color: #AAA;
	}
#client_head ul {
	margin-top: 32px;
	overflow:hidden;
	}
#client_head li {
	float: left;
	display: block;
	height: 22px;
	width: 158px;
	margin-right: 4px;
	text-indent: -9999px;
	}

/* Menu Buttons */

#client_head li#acc_but a {background: url(../images/client/menusprite.png) no-repeat -2px -2px #666;}
#client_head li#tra_but a {background: url(../images/client/menusprite.png) no-repeat -162px -2px #666;}
#client_head li#pro_but a {background: url(../images/client/menusprite.png) no-repeat -322px -2px #666;}
#client_head li#bil_but a {background: url(../images/client/menusprite.png) no-repeat -482px -2px #666;}	
#client_head li#acc_but a:hover {background: url(../images/client/menusprite.png) no-repeat -2px -28px #FC0;}
#client_head li#tra_but a:hover {background: url(../images/client/menusprite.png) no-repeat -162px -28px #FC0;}
#client_head li#pro_but a:hover {background: url(../images/client/menusprite.png) no-repeat -322px -28px #FC0;}
#client_head li#bil_but a:hover {background: url(../images/client/menusprite.png) no-repeat -482px -28px #FC0;}
#client_head li#acc_but.current a {background: url(../images/client/menusprite.png) no-repeat -2px -54px #FFF;}
#client_head li#tra_but.current a {background: url(../images/client/menusprite.png) no-repeat -162px -54px #FFF;}
#client_head li#pro_but.current a {background: url(../images/client/menusprite.png) no-repeat -322px -54px #FFF;}
#client_head li#bil_but.current a {background: url(../images/client/menusprite.png) no-repeat -482px -54px #FFF;}

#client_head ul li a {
	display: block;
	text-transform: uppercase;	
	color: #FFF;
	height:100%;
	}

#client_footer {
	margin: 6px auto 2px;
	font-size: 9px;
	color: #999;
	width: 644px;	
	background: #FFF;
	padding: 9px 0 12px;
	border-top: 1px solid #CCC;
}
#client_footer ul {
	display:inline;

	}		
#client_footer li {
	display: inline;
	padding-right: 10px;
	margin-right:10px;
	border-right: 1px solid #ccc;
	}
#client_footer li:last-child {
	border: none;
	padding-right: 0;
	}
#client_footer #upbuts {
	position: absolute; right: 188px; top: -29px;
	}	
#client_footer #upbuts li {
	float: left;
	display: block;
	height: 22px;
	width: 122px;
	margin-left: 4px;
	text-indent: -9999px;
	border-right: none;
	padding: 0;
	}
#client_footer #upbuts li a {
	display: block;
	text-transform: uppercase;	
	color: #FFF;
	height:100%;
	}
#client_footer #upbuts li a#updateGreyButton {background: url(../images/client/otherlittlesprite.png) no-repeat -2px -2px #666;}
#client_footer #upbuts li a#updateGreyButton:hover {background: url(../images/client/otherlittlesprite.png) no-repeat -2px -28px #666;}
#client_footer #upbuts li a#uploadGreyButton {background: url(../images/client/otherlittlesprite.png) no-repeat -248px -2px #666;}
#client_footer #upbuts li a#uploadGreyButton:hover {background: url(../images/client/otherlittlesprite.png) no-repeat -248px -28px #666;}
	

.grey_button {
	display: block;
	text-transform: uppercase;
	color: #FFF;
	text-indent: 9px;
	line-height: 22px;
	width: 110px;
	background: #666;
	}


/* Content */
.client_body {
	
	width: 644px;
	margin: 0 auto;
	padding: 139px 0 0;
	}
.client_body h3 {
	padding: 12px 0 2px;
	margin-bottom: 14px;
	border-bottom: 1px solid #CCC;
	}
.client_body h3 b {background-color: #FC0; font-weight: 400; font-size: 9px; text-transform: uppercase;}
.client_body h3 em { padding-left: 2px; color: #999; font-size: 9px;}
.content_main h3 {font-weight: 700;}
.content_main h3 em {background-color: transparent;}

.content_second p, .content_second ul {
	clear: both;
	margin: 0 8px 1em;
	}
.content_main {
	margin-left: 9px;
	width: 437px;
	float: left;
	}
.content_main .client_narrate {
	color: #999;
	margin: 7px 0 5px;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	}
.content_main .client_narrate:before {
	font-size: 1.3em;
	content: '\00BB  ';
	}
.content_second {
	float: right;
	width: 174px;
	background-color: #E8F2FC;
	padding: 6px 8px 0px;
	font-size: 10px;
	}
.client_body div.content_second {
	min-height: 380px;
	}

.content_second em { font-style: normal; color: #F00;}
.content_second em abbr { font-size: 18px; line-height: 8px;}
.content_second h3 {
	margin-top: 5px;
	border-bottom: 1px solid #ACD;
	padding: 0 0 3px 0;
	}
h3.icon_note {
	background: url(../images/client/status_sprite.png) no-repeat left top;
	padding-left: 22px;
	}
h3.icon_help {
	background: url(../images/client/status_sprite.png) no-repeat left -20px;
	padding-left: 22px;
	}
h3.icon_use {
	background: url(../images/client/status_sprite.png) no-repeat left -58px;
	padding-left: 22px;
	}

	
/* Account Style */


.acc_info { padding-bottom: 10px; margin-bottom: 5px;}

h5, label { 
	font-size: 9px;
	padding-right: 7px;
	overflow: hidden;
	}
.acc_info h5 {color: #999; width: 140px; float: left;}
.acc_info ul {margin-bottom: 12px;}
.acc_info li {line-height: 18px; clear: both;}
.update_button {font-size: 12px; font-weight: 700; float:right; padding:1px 0;}
.update_button:after {
	font-size: 1.1em;
	font-weight: 400;
	content: '  \00BB';
	}

	
	
/* Transfer Styles */

.content_main table {width: 100%; margin-bottom: 5px; padding-top: 15px;}
.content_main th {
	font-size: 9px;
	color: #666;
	padding-bottom: 3px;
	border-bottom: 1px solid #CCC;
	}
.content_main tbody td {font-size: 10px; line-height: 22px;}
.content_main tfoot td {
	font-size: 9px;
	color: #666;
	padding-top: 2px;
	border-top: 1px solid #CCC;
	}
.content_main tbody tr:nth-child(2n) {
	background: #F6F6F6;
	}

.content_main tbody tr:hover {
	background: #DDF; cursor: pointer;
	}
.client_body .content_main table a:hover {background-color: transparent;}
.content_main tbody tr:active { background: #FC0;}
#usage_wrap {
	display: block;
	padding: 1px;
	margin: 0 6px 6px;
	width: 154px;
	height: 8px;
	border: 1px solid #ACD;
	background: #FFF;
	}
#usage_bar {
	display: block;
	height: 8px;
	width: 20%;
	background: #0B0;
	}
#usage_using {
	font-size: 9px;
	}
	
#usage_used {
	color: #000;
	font-weight: 700;
	}
a.icon_dl {
	background: url(../images/client/status_sprite.png) no-repeat left -37px;
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	}

/* Privacy Policy */



#priv_content h2 {	
	padding: 1.2em 0 0.5em;
	margin: 0;
	}
#priv_content p {
	color: #666;
	margin-bottom: 1.4em;
	}

#priv_content em {
	font-style:italic;
	}
	
/* Progress */

#pro_content .comment_form {border-bottom: 1px solid #CCC; width:413px; padding: 0 5px 12px; margin-bottom: 12px;}

#pro_content .update {
	border: 1px solid #ACD;
	padding: 6px 10px;
	margin-bottom: 6px;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 3px;
	}

#pro_content .content_main .update h4 {
	font-size: 11px;
	font-weight: 700;
	color: #333;
	display: inline;
	padding-right: 4px;
	}
#pro_content .content_main .update h5 {
	font-size: 9px;
	color: #999;
	display: inline;
	}
#pro_content .update .up_note p {margin-bottom: 1em;}

#pro_content label {
	color: #999;
	}
#pro_content #feed_text { margin-top: 5px; border: 1px solid #ACD; padding: 4px; width: 100%}
	
.upload_box {
	
	width: 433px;
	text-align: left;
	margin-left: 0px;
	}
.upload_box p {color: #777; font-size: 9px; text-align: left; margin: 1.2em 0;}
.upload_input, .upload_button {margin: 1em 0;}
#upload_submit {position: absolute; right: 198px; top: 503px; }

#upload_submit {cursor:pointer;border:none;display:block;height:22px;width:122px;background: url(../images/client/otherlittlesprite.png) no-repeat -248px -2px #666;text-indent:-9999px;line-height:0;color:transparent;}
#upload_submit:hover{background-position:-248px -28px;}



/* Edit Detail */

#client_editinfo legend { font-weight: 700; padding-bottom: 7px; }
#client_editinfo ol, #client_editinfo fieldset {margin: 7px 0;}
#client_editinfo ol {padding: 0 9px;}
#client_editinfo ol li {
	background: #F6F6F6;
	padding: 4px 0;
	margin: 2px 0;
	}
#client_editinfo ol li:hover {
	background: #DDF;
	}
#client_editinfo ol.noroll {margin: 0px;}
#client_editinfo ol li.noroll { background-color: transparent; padding: 0 0 4px;}
#client_editinfo ol li.noroll:hover { background-color: transparent;}

#client_editinfo label {
	display: inline-block;
	width: 180px;
	color: #333;
	text-indent: 1.4em;
	}
#client_editinfo li input {
	width: 180px;}
#client_editinfo li select {
	width: 186px;}

#client_editinfo li input#update_submit {}

.mandatory_field {color: #F00; font-size: 18px; line-height: 8px; padding-left: 6px;}
.content_second .mandatory_field {padding: 0;}

#client_editinfo li input#update_submit {
height:22px;width:122px;
background: url(../images/client/otherlittlesprite.png) no-repeat -124px -2px #666;color:transparent;
border:none;
cursor:pointer;
}
#client_editinfo li input#update_submit:hover{background-position:-124px -28px;}
#client_editinfo .error {padding-top: 2px; text-indent: 1.4em;}


/* Billing */

a.icon_view {
	background: url(../images/client/status_sprite.png) no-repeat left -75px;
	display: block;
	width: 20px;
	height: 20px;
	text-indent: 9999px;
	}


/* SUpport */

#supp_content p {margin: 1.4em 0; color: #666;}
#supp_content .supp_link {text-align: center; font-size: 16px; line-height: 21px;}


/* Timeline */
#track_timeline h3 {border-bottom: none; padding-top: 0px;}
#track_timeline ol {width: 417px; border-top: 1px solid #CCC; position: relative; margin: 50px 8px 30px;}

#track_timeline ol li em {
	position: absolute;
	top: -7px;
	cursor: default;
	display: block;
	width: 14px; height: 14px;
	text-indent: -9999px;
	background: url(../images/client/timesprite.png) no-repeat left top;
	z-index: 999;
	}
#end_date em {right: -4px;}
#track_timeline ol li em:hover {color:#FC0; background: url(../images/client/timesprite.png) no-repeat left -16px;}

#track_timeline ol li#start_date em {background: url(../images/client/timesprite.png) no-repeat left -16px;}

#track_timeline #start_date h4, #track_timeline #end_date h4  {position: absolute; top: -4em; font-weight: 400;}
#track_timeline #end_date h4 {text-align: right; right: -4px;}
#track_timeline li.milestone h4, #track_timeline li.milestone p { /* display: none; */ font-weight: 400;}
#track_timeline li.milestone h4 {padding: 18px 0 6px; position: relative; margin-left: -13px; width: 48px;}
#track_timeline li.milestone p {font-size: 11px; color: #333; padding: 6px 0;}
/* #track_timeline li:hover h4, #track_timeline li:hover p { display: block;} */

/* Login */
#log_content{ width: 300px; padding-top: 180px;}
.login_form {
	text-align: center;
	border: 1px solid #CCC;
	padding: 0 30px 20px;
	-moz-border-radius: 5px;
}
#log_content form {width: 160px; text-align: left; margin: 0 auto;}
#log_content input { margin: 0 5px 10px 0;}
p.error { 
	font-size: 9px;
	color: #F00;
	}
p.user_error, p.pass_error {margin-bottom: 15px;}
#log_content input#username, #log_content input#password {display: block;}
#loginbutton{cursor:pointer;border:none;display:block;height:22px;width:110px;background:url(../images/loginsprite.png) no-repeat left -3px;text-indent:-9999px;line-height:0;color:transparent;}
#loginbutton:hover{background-position:left -31px;}