@charset "utf-8";
/* CSS Document for User Profile */

body {
font-family:Helvetica,Arial,sans-serif;
line-height:125%;
}
body {
font-size:12px;
}
body {
color:#333333;
}

h2 {
	font-size:1.5em;
}

#header_blue {
	color:#4781d7;
}


.header_container {
	position:relative;
	height:95px;

}

.header_content {
	padding:2px;
	margin-left:45px;
	position:relative;
}

.header_content #logo {
	float:left;	
}

#balance {

	text-align:right;	
}

#balance .inst_balance_details a {
	color:#fff;
	font-size:70%;
	margin:0 0 0 10px;
}


.header_content #title {
   font-size:160%;
   font-weight:bold;
   margin:0 0 7px 190px;
}

.header_content #menu {
   margin:9px 0 0 190px;
}


#inst_info {
   padding:0px 35px 0px 35px;  
   display:block;
   font-size:16px;
   color:#FFFFFF;
   background:#333333;
   
}

#inst_stat {
   font-size:14px;
   color:#FFFFFF;
   text-align:right;
}

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#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,
.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;
}

.standard-form input,
.change-inst input,
.contacts input,
.login-form input {
	border:1px solid #CCCCCC;
	margin-left:10px;
	width:205px;
}

.standard-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,
.change-inst textarea,
.resign-rep textarea,
.contacts textarea,
.login-form textarea {
	border:1px solid #CCCCCC;
	margin-left:10px;
	width:305px;
	height:100px;
}

.standard-form .resign-rep,
.resign-rep .resign-rep,
.standard-form .option {
	width:auto;
	border:none;
}


.standard-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;
}


span#required {
	color:#FF0000;
	font-size:22px;
	margin-left:5px;
}

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;
}



#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;

}


.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;
}


#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.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);

}


tr.header {
   font-size:70%;
   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:1px solid #CCCCCC;
}

/*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;

}
