@charset "utf-8";
/* CSS Document for User Profile */

body {
font-family:Helvetica,Arial,sans-serif;
line-height:125%;
min-width: 980px;
margin:0;
}
body {
font-size:12px;
}
body {
color:#333333;
}

h2 {
	font-size:1.5em;
}

#header_blue {
	color:#4781d7;
}


div#header {
	background: #1e1e1e url(../images/metal-bg.jpg) 50% 0 no-repeat;
	height: 100px;
}

#header .wrapper {
	position:relative;
	width: 970px;
}

#logo {background: url(../images/aacte_logo_white.png) 0 0 no-repeat;float: left;width: 220px;height: 84px;margin-left: 35px;margin-top: 10px;border: 0;}


.wrapper #menu {
   margin:9px 0 0 190px;
}

#header .wrapper #title {
    color: #EEEEEE;
    font-family: YanoneKaffeesatz,Arial Narrow,sans-serif;
    font-size: 250%;
    font-weight: 100;
    line-height: 120%;
}

#balance {
	text-align:right;	
}

#balance .inst_balance_details a,
#balance .pay_dues a {
	color:#fff;
	font-size:90%;
	margin:0 0 0 10px;
	padding:0px 3px 2px 3px;

}

div#dues_trans_reports {
	margin:20px 0 0 0;

}

.amount #pay-headline {
	margin:0 65px 0 20px;
	font-weight:bold;
}

a:link, a:visited {
	color:#C12C04;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

a#link-blue {
	text-decoration:none;
	font-size:80%;
	color:#FFFFFF;
	background:#3399FF;
	padding:0px 5px 0px 5px;
}
a#link-blue:hover {
	text-decoration:underline;
}

legend {
	font-size:18px;
}

input#small {
	width:25px;

}

input#other_amount,
input#current_amount,
input#short {
	width:100px;
}

input#medium {
	width:205px;
}

input#long {
	width:305px;
}

fieldset {
	margin:5px 5px 5px 5px;
	padding:2px;
	border:1px solid #CCCCCC;

}

.standard-form label,
.payment-form label,
.aff-payment-form label,
.report-form label,
.change-inst label,
.resign-rep label,
.contacts label,
.login-form label {
	display:block;
	float:left;
	font-weight:normal;
	height:22px;
	line-height:22px;
	margin-bottom:2px;
	text-indent:5px;
	width:170px;
	color:#6A6A6A;
}

.payment-form label#amt,
.aff-payment-form label#amt {
	display:block;
	float:none;
	font-weight:normal;
	margin-bottom:2px;
	width:300px;
	color:#6A6A6A;
}


.standard-form input,
.payment-form input,
.aff-payment-form input,
.report-form input,
.change-inst input,
.contacts input,
.login-form input {
	border:1px solid #CCCCCC;
	margin-left:10px;
	width:205px;
}

.payment-form input[disabled]#other_amount {

	background:#CCCCCC;
	color:#555555;
}


.standard-form select,
.payment-form select,
.aff-payment-form select,
.change-inst select,
.contacts select,
.login-form select {
	border:1px solid #CCCCCC;
	margin-left:10px;
	width:205px;
}

.standard-form select#suffix {
	border:1px solid #CCCCCC;
	margin-left:10px;
	width:50px;
}

.standard-form textarea,
.payment-form textarea,
.aff-payment-form textarea,
.change-inst textarea,
.resign-rep textarea,
.contacts textarea,
.login-form textarea {
	border:1px solid #CCCCCC;
	margin-left:10px;
	width:305px;
	height:100px;
}

.payment-form .option,
.aff-payment-form .option,
.standard-form .resign-rep,
.resign-rep .resign-rep,
.standard-form .option {
	width:auto;
	border:none;
}


.standard-form button,
.payment-form button,
.aff-payment-form button,
.report-form button,
.change-inst button,
.resign-rep button,
.contacts button,
.login-form button {
	background:transparent url(../images/button-grey-submit.png) no-repeat scroll 0 0;
	border:0 none;
	color:#333333;
	cursor:pointer;
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	height:27px;
	line-height:27px;
	margin-top:10px;
	padding:0;
	text-align:center;
	width:97px;
}

.pay_dues button,
.payment-form button.pay-button,
.aff-payment-form button.pay-button {
	background:transparent url(../images/button-green-submit-long.png) no-repeat scroll 0 0;
	border:0 none;
	color:#FFFFFF;
	cursor:pointer;
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	height:27px;
	line-height:27px;
	margin-top:10px;
	padding:0;
	text-align:center;
	width:110px;
}



span#required {
	color:#FF0000;
	font-size:22px;
	margin-left:5px;
}


div.notify_box {
	margin:0 0 2px 180px;
	color:#990000;
	font-size:90%;
	display:none;
}

a#popupmsg {
	font-weight:bold;
}

div#description {
	padding-left:35px;
	line-height:10px;
	font-size:90%;
	margin-bottom:30px;
}


div.profile_data {
	margin-bottom:25px;

}

div.profile_name {
	font-size:16px;
	font-weight:bold;

}

div.profile_company {
	margin:7px 0px 0px 0px;
	color:#006600;

}

div.profile_contact {
	line-height:150%;
}

div.profile_contact_field {
	float:left;
	width:55px;
}

div#user_data {
	width:225px;
	font-size:11px;
}

div.profile_address {
	margin:0px 0px 7px 0px;
	padding:5px;
}

div#faq_item {
   margin:0;
   padding:5px;
   border-bottom:1px solid #ccc;
}

div#faq_item_active {
   margin:30px;
}


#user_menu ul {
	list-style: none;
	padding:0px;
	margin:0px;
	font-size:11px;

} 

#user_menu li {
	display:block;
	padding:5px;
	margin-bottom:3px;
	border-bottom:1px solid #cccccc;

}

li.edit_menu {
	display:inline;
	list-style: none;
}

#user_menu a {
	color:#333333;
	text-decoration:none;

}

#user_menu a:hover {
	color:#C43A00;

}

div#access_lvl {
	text-align:center;
}

span#addnew {position:absolute;top:5px;right:25px; font-weight:normal; font-size:10px; cursor:pointer;}
span#addnew img {border:0; margin:3px 5px 0 0;}

img#access_lvl {margin:1px; display:block;}

.note {
	border-top:3px solid #E6EC00;
	border-bottom:3px solid #E6EC00;
	background:#FFFFCC;
	color:#959500;
	padding:10px;
	margin:5px;
}

.info {
	border-top:3px solid #7dabdd;
	border-bottom:3px solid #7dabdd;
	background:#d1dce3;
	color:#0055bb;
	padding:10px;
	margin:5px;
}

.alert {
	border-top:3px solid #990000;
	border-bottom:3px solid #990000;
	background:#f6cec4 url(../images/alerts/status-alert.png) no-repeat scroll 12px 50%;

	color:#990000;
	padding:10px 10px 10px 50px;
	margin:5px;
}

.footnote {
	border-top:2px solid #CCCCCC;
	color:#999999;
	font-size:11px;
	padding:10px;
	margin:5px;
}

.message_ok {
	border-top:3px solid #8eb951;
	border-bottom:3px solid #8eb951;
	background:#edffd3;
	color:#8eb951;
	padding:10px;
	margin:5px;
}

.message_alert {
	border-top:3px solid #990000;
	border-bottom:3px solid #990000;
	background:#FFF0F0;
	color:#990000;
	padding:10px;
	margin:5px;
}

.notice_ok {background:#edffd3; color:#8eb951; padding:10px;}
.notice_alert {background:#FCE7E7; color:#990000; padding:10px;}


#warning {
	padding:10px;
	border:2px solid #990000;
	background:#FFF0F0;
	color:#990000;

}

div.error {
background:#FCE7E7 url(../images/alerts/alert-tl.png) no-repeat scroll 0 0;
color:#CC0000;
font-weight:bold;
margin:20px 0;
padding:0;
}

div.error span {
background:transparent url(../images/alerts/alert-icon.png) no-repeat scroll 0 50%;
display:block;
padding-left:25px;
}

div.error .c2 {
background:transparent url(../images/alerts/alert-tr.png) no-repeat scroll 100% 0;
}

div.error .c3 {
background:transparent url(../images/alerts/alert-bl.png) no-repeat scroll 0 100%;
}

div.error .c4 {
background:transparent url(../images/alerts/alert-br.png) no-repeat scroll 100% 100%;
padding:12px;
}

div.error li {
	margin-left:15px;
}

/*div.menu {
	margin-bottom:0px;
	position:relative;
}

.menu ul {
	padding:0px;
	display:block;
	list-style: none;
	margin:0px;
	font-size:12px;
} 

.menu li {
	display:inline;
	margin-right:0px;
	line-height:22px;
}

.menu a {
	padding:0px 3px 0px 3px;
	background:url(../images/green-back.jpg);
	color:#FFFFFF;
	text-decoration:none;
	display:inline-block;
}

.menu a:hover {
	background:url(../images/orange-back.jpg);

}

.menu a.selected {
	background:url(../images/orange-back.jpg);

}*/

#inst_stat {font-size:100%;color:#ddd;position:absolute;top:25px;right:25px;}



#navigation {border-top:2px solid #1e1e1e;background: #1e1e1e url(../images/menu-bg.png) 50% 0 no-repeat;height: 35px;overflow: hidden;}
#header .wrapper, #navigation .wrapper {width:970px;}

#navigation-sub {height: 37px;background: #1e1e1e url(../images/menu-bg.png) 50% -35px no-repeat;overflow: hidden;}
#navigation-sub .wrapper {width: 994px;}


#top-tab {width:500px;height:25px;position:absolute;top:6px;right:25px;}
#top-tab2 {padding:0 15px;text-align:center;color:#ddd;font-weight:bold;}
#top-tab .toptab {float:right;margin:0 15px;}
#top-tab .toptab a#blue {color:#5492f7;}
#top-tab .toptab a#grey {color:#dddddd;} 
#top-tab .toptab a#grey:hover {color:#ffffff;}




/* @group menus */

/* @group Horiz Menu */
#horiz-menu ul {margin: 0;padding: 0;padding-left: 40px;}
#horiz-menu li.active {background: url(../images/tab-r.png) 100% 6px no-repeat;}
#horiz-menu li.active a {background: url(../images/tab-l.png) 0 6px no-repeat;}

#horiz-menu li:hover {background: url(../images/tab-r.png) 100% 6px no-repeat;}
#horiz-menu li:hover a {background: url(../images/tab-l.png) 0 6px no-repeat;}

#horiz-menu li.fav {background: url(../images/tab2-r.png) 100% 6px no-repeat;margin-left:10px;}
#horiz-menu li.fav a {background: url(../images/tab2-l.png) 0 6px no-repeat;margin-left:-18px;padding-left:22px;}

#horiz-menu li.active a, #horiz-menu li.active a:hover {color: #fff;}
#horiz-menu li {margin: 0 15px 0 0;padding: 0;padding-right: 0px;float: left;list-style: none;position: relative;}
#horiz-menu li a {margin-left: -10px;display: block;float: left;padding: 0 10px;height: 35px;line-height: 35px;text-decoration: none;color: #eee;font-size: 110%;font-weight: 500;border-bottom:  0;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;text-shadow: 1px 1px 1px #000;}
div#horiz-menu a:hover {color: #fff;}
/* @end */

/* @group Sub Menu */
#horiz-subnav {clear: both;height: 34px;}
#horiz-subnav ul {margin: 0;padding: 0;padding-left: 45px;}
#horiz-subnav ul li {position: relative;list-style: none;float: left;margin: 0;padding: 0;margin-left: 0px;background: url(../images/submenu-div.png) 100% 0 no-repeat;}
#horiz-subnav ul li:last-child {background:none;}
#horiz-subnav ul a {display: block;float: left;padding: 0 22px 0 8px;height: 35px;line-height: 35px;font-weight: 500;text-decoration: none;color: #ddd;font-size: 100%;border-bottom: 0;font-family: "Helvetica Neue", Helvetica, arial, sans-serif;text-shadow: 1px 1px 1px #000;}
#horiz-subnav a:hover {color: #fff;}
/* @end */


table.submenu {width:100%;}
table.submenu td {padding:0;}

table.report td {font-size:90%;}
tr.header td {font-size:90%; color:#FFFFFF; background:#444;}
td {padding:6px; font-size:12px;}


.profile-header {
background:transparent url(../images/title-bg.png) repeat-x scroll 0 0;
border-bottom:1px solid #DDDDDD;
color:#C43A00;
display:block;
font-size:150%;
font-weight:bold;
height:30px;
line-height:25px;
padding-left:5px;
position:relative;
}

.content-inner {
background:transparent url(../images/content-top.png) repeat-x scroll 0 0;
border-top:1px solid #FFFFFF;
}

.content-inner2 {
background:transparent url(../images/content-bottom.png) repeat-x scroll 50% 100%;
padding:12px;
}

#content-area {
background:#ECECEC none repeat scroll 0 0;
}

.shadow-top {
background:transparent url(../images/body-bg-top.png) repeat-x scroll 50% 0;
}

.wrapper {
margin:0 auto;
width:100%;
}

.surround {
margin:0 32px;
overflow:hidden;
padding:10px 10px 10px;
}

#mainbody {
float:left;
width:280px;
}


.main-content-bg {
background:#FFFFFF none repeat scroll 0 0;
}

#mainbody .padding {
padding:0 15px;
}

.padding {
overflow:hidden;
}

#comp-profile {
margin-bottom:40px;
}

#component {
position:relative;
}

#sidebar {
margin-left:290px;
}

#sidebar div.module, #sidebar div.module-blog {
overflow:hidden;
padding:5px 15px;
}
#sidebar .module, #sidebar .module-blog {
margin-bottom:30px;
}


#content_edit {
margin-left:0px;
}

#content_edit div.module, #content_edit  div.module-blog {
overflow:hidden;
padding:5px 15px;
}

#content_edit  .module, #content_edit .module-blog {
margin-bottom:30px;
}


.block-bg {
background:#FFFFFF none repeat scroll 0 0;
height:13px;
margin:0 13px;

}

.block-tr {
background:transparent url(../images/corner-white-tr.png) no-repeat scroll 100% 0;
margin-right:-13px;
}

.block-tl {
background:transparent url(../images/corner-white-tl.png) no-repeat scroll 0 0;
height:13px;
margin-left:-13px;

}


.block-br {
background:transparent url(../images/corner-white-br.png) no-repeat scroll 100% 0;
margin-right:-13px;
}


.block-bl {
background:transparent url(../images/corner-white-bl.png) no-repeat scroll 0 0;
height:13px;
margin-left:-13px;
}

.maincol-bottom {
background:transparent url(../images/maincol-bottom.png) no-repeat scroll 50% 0;
height:28px;
}

.sidecol-bottom {
background:transparent url(../images/sidecol-bottom.png) no-repeat scroll 50% 0;
height:28px;
}

.menu_title {
		font-size:20px;
		font-weight:bold;
}


/*POP-UP start*/
div#styled_popup {

	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}


#fade {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 10;
}

.popup_block {
	background: #fff;
	padding: 10px 10px;
	border: 10px solid #000;
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
	float: left;
	width: 480px;
	position: fixed;
	top: 10%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 100;
	zoom:1;
    overflow:auto;
	overflow-x:hidden;
	max-height:90%;
}

.popup_block .popup {
	float: left;
	width:480px;
	background: #fff;
}

.popup #cntrl {
	position: absolute;
	top:10px;
	right:10px;
	width:30px;
	height:30px;
}

.popup #content {
	border:0px solid #CCCCCC;
	padding:10px;
}

/*POP-UP end*/


form.edit_button input.button,
form.done input.button {
	background:#EAEAEA;
	border:1px solid #DFDFDF;
	color:#FFFFFF;
	background:#3399FF;
	font-size:12px;

}

