/*************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{ width:100%; 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; }