/*************Basic SECTION ********************/
* { margin: 0; padding: 0; font-family: Arial; }
html, body {height: 100%;}
.p { margin: 0px; padding: 0px; font-size: inherit; font-family: inherit; font-weight: inherit;
text-align: inherit; color: inherit; line-height: inherit; vertical-align: top;}
p { padding-top: 0px; margin-top: 0px;}
img { border: 0px;}
div { margin: 0px; padding: 0px; font-family: Helvetica; font-size: 11px;}
.AbsWrap { width: 100%; position: relative;}
.rowWrap { width: 100%;}
a:link,a:visited { color: #2A3890; text-decoration: inherit;}
a:hover { text-decoration: underline;}
.clearfloat { clear: both; height: 0px;}
h2{padding-left:10px;}
/******* Main Structure SECTION***************************/
body{font-size:1.0em; color:#2A3890; background-color:#ffffff; }
#wrapper { background-color: #f5f5f5; width: 100%; margin: 0px auto; }
#wrapper_body{min-height: 552px; width: 960px; margin:0px auto; margin-left: auto; margin-right: auto;
margin-top: auto; margin-bottom:auto;}
/*********** Notices SECTION *********************/
.notice, .success, .alert, .error, .validation, #error_explanation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 40px;
background-repeat: no-repeat;
background-position: 10px center;
width: 440px;
margin-left: auto;
margin-right: auto;
}
.notice ul, .success ul, .alert ul, .error ul, .validation ul{
margin-left:40px;
}
label.validation_error{color: #D8000C;background-color: #FFBABA;border: 1px solid;
display: block;padding-left:5px;padding-right:5px;width:90%;}
.notice {border-color:#BDC7D8; color: #1F4A75;background-color: #DEEFF8;background-image: url('btn/info.png');}
.success {color: #4F8A10;background-color: #DFF2BF;background-image:url('btn/success.png');}
.alert {color: #9F6000;background-color: #FEEFB3;background-image: url('btn/warning.png');}
.error, #error_explanation {color: #D8000C;background-color: #FFBABA;background-image: url('btn/error.png');}
/************Forms SECTION **************/
input.other_blue{ background:#497FC1; border:0px; cursor:pointer; font-size:1.0em; line-height:135%;
margin-right:4px; color:white; padding:1px;}
textarea.new_contact_text_area{ height: 100px; color: #2A3890;}
.colum_field_title{ text-align: center; }
.needed{color:#D8000C;font-weight: normal;}
.select_relations select{ font-size: 12px; color: white; background-color:#1F4A75;}
/************ Forms - Buttons SECTION ***************************/
.myButton{ cursor:pointer;
background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0.01, rgb(116,191,67)),
color-stop(0.51, rgb(117,189,68)),color-stop(0.76, rgb(195,222,171)));
background-image: -moz-linear-gradient(center bottom,rgb(116,191,67) 1%,rgb(117,189,68) 51%,
rgb(195,222,171) 76%);
border-radius: 0.2em; color: #fff; width: 88px; height: 26px; border: none;}
.myButton span { display: block; line-height: 14px; padding: 5px 0 5px 18px;}
.myButton:active { background-position: bottom right; color: #000; outline: none;}
.myButton:active span { background-position: bottom left; padding: 6px 0 4px 18px;}
.myButtonBlue{ cursor:pointer;
background-image: -webkit-gradient( linear, left bottom, left top,
color-stop(0.16, rgb(0,122,193)), color-stop(0.58, rgb(56,148,209)), color-stop(0.79, rgb(168,222,249)) );
background-image: -moz-linear-gradient(center bottom,
rgb(0,122,193) 16%, rgb(56,148,209) 58%, rgb(168,222,249) 79%);
border-radius: 0.2em; color: #fff; width: 60px; height: 22px; border: none;}
.myButtonBlue span { display: block; line-height: 14px; padding: 3px 0 3px 10px;}
.myButtonBlue:active { background-position: bottom right; color: #000; outline: none; }
.myButtonBlue:active span { background-position: bottom left; padding: 3px 0 2px 18px; }
.myButtonLarge{ cursor:pointer;
background-image: -webkit-gradient(linear,left bottom,left top,
color-stop(0.01, rgb(116,191,67)),color-stop(0.51, rgb(117,189,68)),
color-stop(0.76, rgb(195,222,171)) );
background-image: -moz-linear-gradient(center bottom,rgb(116,191,67) 1%,
rgb(117,189,68) 51%,rgb(195,222,171) 76%);
border-radius: 0.2em;color: #fff; width: 200px; height: 26px; border: none;}
.myButtonLarge span { display: block; line-height: 14px; padding: 5px 0 5px 18px;}
.myButtonLarge:active { background-position: bottom right; color: #000; outline: none;}
.myButtonLarge:active span { background-position: bottom left; padding: 6px 0 4px 18px;}
.button{margin: 10px 0 10px 10px;padding: 3px 3px 3px 3px;color:#FFFFFF;background-color: #1F4A75;}
.optionHeader {
color: #fff;
overflow: hidden;
background-color: #1F4A75;
}
/************** BLOCK DIV SECTION *********/
.block { display:block;}
.block .brief { color: #6C6D6F;}
.block .center{ text-align:center;}
.block .close { float:right; vertical-align:top;}
.block .content{ padding: 5px 4px 5px 4px; }
.block .header{vertical-align: middle; background: transparent url(title_background.png) scroll 0px;
padding-left: 10px; display: block; height:20px; font-weight:bold;}
.block .header_icon{ margin-top: 2px; width:14px; height:14px; }
.block .header_icon_right { float: right; padding-right: 5px; padding-top: 3px;}
.block .header_text { margin-top: 3px; display: inline-block;}
.block .logo{ display: inline-block; vertical-align:top;}
.block .right{padding-right:20px; float:right;}
.block .row { display: block;}
.block .title{ display:inline-block; }
.block .sub-block{ display: inline-block; padding-left:3px; width:70%; text-align:left;}
.block .close_add_contact { float:right; vertical-align:top; margin-right: 1%; }
/******BLOCK TAB CONTENT SECTION********/
.block .tab { margin-top: 2px; background: #fff; /*border-top: thin solid #D4E4EA;*/
padding: 2px 0px 2px 0px;}
.block .tab_content{ padding:5px; text-align:center;}
.block .tab li { display: inline; list-style: none; padding-right: 2px;}
.block .tab li a { background-color: #deeff8; text-decoration: none; padding: 4px 3px; outline: none;}
.block .tab ul { background: #deeff8;}
.block .tab li a:hover,
.block .tab li.ui-tabs-nav a,
.block .tab li.ui-tabs-selected a,
.block .tab li a:active { background-color: #deeff8; font-weight: bold; text-decoration: none;}
.block .tab_browse{ width:49%; display:inline-block;}
.ui-tabs-hide { display: none;}
/******** FORMS SECTION *******/
.block .form_comment{ font-weight:normal;}
.block .field{ display:inline; padding: 0px; width:50%;}
.block .form_tag{border-color: #0656a4; color: #2A3890; padding: 5px 5px 5px 5px; border:1px solid #BDC7D8; width:90%;}
.block .form_tag_long{border-color: #0656a4; color: #2A3890; padding: 5px 5px 5px 5px; border:1px solid #BDC7D8; width:91%;}
.block .form_label{display:inline-block; width:25%; font-weight:bold; vertical-align:top; padding-top:3px;}
.block .form_field{ display:inline-block; padding: 0px; width:73%;}
.block .form_row {display: block; padding:5px; padding-left:20px;}
.block .form_sub_row {display: block; padding:5px; padding-left:30px;}
.block .label{ display:inline-block; width:49%; }
.block .two_columns_container { margin-top: 5px; }
.block .form_column_left { display: block; padding:5px; padding-left:20px; float: left; width:60%; text-align: center;}
.block .form_column_right { display: block; padding: 5px 10px 5px 10px; float:right; width:31%; text-align: center;}
.block .form_bottom { display: block; padding:5px; padding-left:20px; clear:both; text-align: center; }
.block .select_relations{ padding-top:20px; text-align: center; }
/********* Links SECTION **********/
.contact_link a{ text-decoration:none;}
.contact_link a:hover{ text-decoration:underline;}
/********* Menu header SECTION ************/
.menu_list ul{list-style-type:none;}
.menu_list li{display: inline;padding-right: 2px; padding-left: 2px; }
.field_x{ border: thin solid #005C84; width: 130px;}
.line{ display:block; margin:10px 2px 10px 10px;}
/*************MENU ICON SECTION**********/
.menu_header{ border-bottom: thin solid #D4E4EA; width:14.5em; padding-left:3px; padding-right:3px;}
.menu_icon{ vertical-align: middle; padding-bottom: 3px; padding-right: 3px; padding-left: 3px; display: inline-block;}
/*************SPACES SECTION *************/
.space_center { padding-top: 9px; padding-right: 4px; text-align: center;}
/********** Current logo change **********/
.logo_grid {
width: 142px;
height: 119px;
overflow: hidden;
position: relative;
}
.logo_grid img {
position: absolute;
top: 0;
left: 23px;
border: 0;
}
.logo_caption {
top: 119px;
left: 23px;
float: left;
position: absolute;
background: #E0EEF5;
opacity: 0.8;
width: 119px;
height: 18px;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.logo_full .logo_caption {
top: 119px;
left: 23px;
padding: 0px;
}
.activities_title_header{
padding: 2px;
margin-right: 10px;
margin-bottom: 5px;
border: 2px solid transparent;
color: #000000;
}
.activities_title_header img{
margin-bottom: -4px;
margin-right: 4px;
}
#activity_form_select {
margin-left: 10px;
}
.activity_form_selector{
padding: 2px;
margin-bottom: 5px;
float: left;
border: 2px solid transparent;
cursor: pointer;
}
.activity_form_selector.selected{
border: 2px solid #46B9E8;
}
.more_pending{
text-align: center;
}