* { margin: 0; padding: 0; outline: 0; }html, body { height: 100%; }body { background: #fff; color: #393939; font-family: Arial; font-size: 11px; line-height: 14px; }
#page-top-outer { background: #1E1E55 top center repeat-x; border-bottom: 1px solid #7e7e7e; /*height: 92px;*/ min-width:550px; }
#page-top { margin: 0 auto; max-width: 1260px; min-width: 550px; position: relative; }
#logo { float: left; margin: 15px 0 0 15px; }
#logo a { display: block; }
#top-search { display: inline; float: right; position: relative; margin: 16px 20px 0 0; z-index: 20; }
.top-search-inp { background: url(../images/shared/top_search_inp.gif) no-repeat; border: none; color: #fff; font-size: 12px; height: 23px; padding: 6px 6px 0 10px; width: 164px; }
#content-outer { background: url(../images/shared/content_repeat.jpg) repeat-x; }
#content {
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
margin: 0 auto 0 auto;
/*max-width: 1260px; */
/*min-width: 780px; */
padding: 8px 0px 30px 0px;
}
#content-inner {
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
margin: 0 auto 0px auto;
padding: 25px 0 30px 0;
}
#content-table {
font-size: 0px;
line-height: 0px;
}
#content-table th.sized {
height: 15px;
width: 15px;
padding: 0;
margin: 0;
font-size: 0px;
line-height: 0px;
}
#content-table-inner {
font-size: 12px;
line-height: 12px;
padding: 10px 0 20px 0;
}
#tbl-border-top { background: url(../images/shared/border_bit.jpg) top repeat-x; line-height: 0;font-size: 0px; height: 15px; }
#tbl-border-bottom { background: url(../images/shared/border_bit.jpg) bottom repeat-x; line-height: 0;font-size: 0px; height: 15px; }
#tbl-border-left { background: url(../images/shared/border_bit.jpg) left repeat-y; }
#tbl-border-right { background: url(../images/shared/border_bit.jpg) right repeat-y; }
#table-content { line-height: 16px; margin: 0 10px 10px 10px; min-height: 300px; }
.topleft {background: url(../images/shared/corner_top_left.jpg) no-repeat;width:15px;height:15px; }
.topright {background: url(../images/shared/corner_top_right.jpg) no-repeat;width:15px;height:15px; }
.bottomleft {background: url(../images/shared/corner_bottom_left.jpg) no-repeat;width:15px;height:15px; }
.bottomright {background: url(../images/shared/corner_bottom_right.jpg) no-repeat;width:15px;height:15px; }
#page-heading { margin: 0 0 15px 20px; }
h1 { color: #4b4b4b; font-family: Tahoma; font-size: 22px; line-height: 24px; font-weight: normal; }
h2 { /*color: #393939;*/ font-size: 16px; font-weight: bold; line-height: 20px; margin-bottom: 10px; }
h3 { color: #2C6BB5; font-size: 14px; font-weight: bold; line-height: 18px; margin-bottom: 10px; }
/* MESSAGES --------------------------------------------------------------- */
#message-yellow { margin-bottom: 5px; }
.yellow-left { background: url(../images/table/message_yellow.gif) top left no-repeat; color: #e79300; font-family: Tahoma; font-weight: bold; padding: 0 0 0 20px; }
.yellow-left a { color: #e79300; font-family: Tahoma; font-weight: normal; text-decoration: underline; }
.yellow-right a { cursor: pointer; }
.yellow-right { width: 55px; }
#message-blue { margin-bottom: 5px; }
.blue-left { background: url(../images/table/message_blue.gif) top left no-repeat; color: #2e74b2; font-family: Tahoma; font-weight: bold; padding: 0 0 0 20px; }
.blue-left a { color: #2e74b2; font-family: Tahoma; font-weight: normal; text-decoration: underline; }
.blue-right a { cursor: pointer; }
.blue-right { width: 55px; }
#message-red { margin-bottom: 5px; }
.red-left { background: url(../images/table/message_red.gif) top left no-repeat; color: #ce2700; font-family: Tahoma; font-weight: bold; padding: 0 0 0 20px; }
.red-left a { color: #ce2700; font-family: Tahoma; font-weight: normal; text-decoration: underline; }
.red-right a { cursor: pointer; }
.red-right { width: 55px; }
#message-green { margin-bottom: 5px; }
.green-left { background: url(../images/table/message_green.gif) top left no-repeat; color: #6da827; font-family: Tahoma; font-weight: bold; line-height: 12px; padding: 0 0 0 20px; }
.green-left a { color: #6da827; font-family: Tahoma; font-weight: normal; text-decoration: underline; }
.green-right a { cursor: pointer; }
.green-right { width: 55px; }
a.icon-1 { background: url(../images/table/table_icon_1.gif) no-repeat; display: block; float: left; height: 24px; margin: 0 8px 0 0; width: 24px; }
a:hover.icon-1 { background: url(../images/table/table_icon_1.gif) 0 -24px; }
a.icon-2 { background: url(../images/table/table_icon_2.gif) no-repeat; display: block; float: left; height: 24px; margin: 0 8px 0 0; width: 24px; }
a:hover.icon-2 { background: url(../images/table/table_icon_2.gif) 0 -24px; }
a.icon-3 { background: url(../images/table/table_icon_3.gif) no-repeat; display: block; float: left; height: 24px; margin: 0 8px 0 0; width: 24px; }
a:hover.icon-3 { background: url(../images/table/table_icon_3.gif) 0 -24px; }
a.icon-4 { background: url(../images/table/table_icon_4.gif) no-repeat; display: block; float: left; height: 24px; margin: 0 8px 0 0; width: 24px; }
a:hover.icon-4 { background: url(../images/table/table_icon_4.gif) 0 -24px; }
a.icon-5 { background: url(../images/table/table_icon_5.gif) no-repeat; display: block; float: left; height: 24px; width: 24px; }
a:hover.icon-5 { background: url(../images/table/table_icon_5.gif) 0 -24px; }
span.icon-1 { background: url(../images/table/table_icon_1.gif) no-repeat; display: block; float: left; height: 24px; margin: 0 8px 0 0; width: 24px; }
span:hover.icon-1 { background: url(../images/table/table_icon_1.gif) 0 -24px; }
span.icon-2 { background: url(../images/table/table_icon_2.gif) no-repeat; display: block; float: left; height: 24px; margin: 0 8px 0 0; width: 24px; }
span:hover.icon-2 { background: url(../images/table/table_icon_2.gif) 0 -24px; }
span.icon-3 { background: url(../images/table/table_icon_3.gif) no-repeat; display: block; float: left; height: 24px; margin: 0 8px 0 0; width: 24px; }
span:hover.icon-3 { background: url(../images/table/table_icon_3.gif) 0 -24px; }
span.icon-4 { background: url(../images/table/table_icon_4.gif) no-repeat; display: block; float: left; height: 24px; margin: 0 8px 0 0; width: 24px; }
span:hover.icon-4 { background: url(../images/table/table_icon_4.gif) 0 -24px; }
span.icon-5 { background: url(../images/table/table_icon_5.gif) no-repeat; display: block; float: left; height: 24px; width: 24px; }
span:hover.icon-5 { background: url(../images/table/table_icon_5.gif) 0 -24px; }
div#panel { display: block; background-color: #eee; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
background-image: -webkit-linear-gradient(top, #fff, #eee);
background-image: -moz-linear-gradient(top, #fff, #eee);
background-image: -ms-linear-gradient(top, #fff, #eee);
background-image: -o-linear-gradient(top, #fff, #eee);
background-image: linear-gradient(top, #fff, #eee);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee');
border: 1px solid #ddd;
padding: 0 1.5em;
margin: 0.5em;
color: #333;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
border-radius: .4em;
-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}
#tooltip { background-color: #8c8c8c; border: 1px solid #767676; color: #fff; font-family: Arial; font-size: 10px; font-weight: normal;
opacity: 0.85; padding: 0 5px; position: absolute; text-align: left; z-index: 3000; }
#tooltip h6, #tooltip div { font-family: Arial; font-size: 11px; line-height: 20px; margin: 0; }
#product-table { margin-bottom: 20px; }
#product-table td a { color: #393939; }
#product-table td a:hover { text-decoration: underline; }
#product-table th { height: 50px; text-align: left; }
#product-table .minwidth-1 { min-width: 110px; }
#product-table td { border: 1px solid #d2d2d2; padding: 10px 0 10px 10px; }
#product-table tr.alternate-row { background: #ececec; }
td.options-width { padding: 0 0 0 10px; width: 210px; }
td.checkbox-width { }
.table-header-check { background: url(../images/table/table_header_checkbox.jpg) no-repeat; border: none; min-width: 29px; padding: 0px 0 0 10px; width: 29px; }
.table-header-options { background: url(../images/table/table_header_options.jpg) no-repeat; border: none; min-width: 221px; padding: 0px 0 0 0; width: 221px; }
.table-header-repeat { background: url(../images/table/table_header_repeat.jpg) repeat-x; border: none; font-size: 0px; line-height: 0; padding: 0px 0 0 0; }
.table-totales-header-repeat { background: url(../images/table/table_totales_header_repeat.jpg) repeat-x; border: none; color: #fff; font-family: Tahoma;
font-size: 13px; font-weight: bold; line-height: 14px; padding: 5px 10px 0 10px; }
.table-header-options a, .table-header-repeat a, .table-totales-header-repeat a { background: url(../images/table/table_sort_arrow.gif) right no-repeat; color: #fff;
font-family: Tahoma; font-size: 13px; font-weight: bold; line-height: 14px; margin: 0 0 0 10px; padding: 0 10px 0 0; }
.table-header-options a:hover, .table-header-repeat a:hover, .table-totales-header-repeat a:hover { color:#2C6BB5 }
th.line-left { border-left: 1px solid #373737; }
#product-table tr.activity-blue { background: #e3eceb; }
#toggle-all { display: block; width: 17px; height:17px; cursor: pointer; background: url(../images/shared/checkbox.gif) 0 -17px; }
#toggle-all.toggle-checked { display: block; width: 17px; height:17px; background: url(../images/shared/checkbox.gif) 0 0; }
.table8x8 { margin-bottom: 20px; }
.table8x8 th a { color: #EEE; font-weight:bold; }
.table8x8 th a:hover { color:#FFF; }
.table8x8 td a { color: #393939; font-weight:bold; }
.table8x8 td a:hover { text-decoration: underline; }
.table8x8 th { height: 30px; text-align: left; color: #EEE; font-weight:bold; font-size:13px; line-height:14px; }
.table8x8 .minwidth-1 { min-width: 110px; }
.table8x8 td { border: 1px solid #d2d2d2; padding: 10px 0 10px 10px; }
.table8x8 tr.alternate-row { background: #ececec; }
.table8x8 tr.activity-blue { background: #e3eceb; }
#toggle-all { display: block; width: 17px; height:17px; cursor: pointer; background: url(../images/shared/checkbox.gif) 0 -17px; }
#toggle-all.toggle-checked { display: block; width: 17px; height:17px; background: url(../images/shared/checkbox.gif) 0 0; } /* RELATED ACTIVIES BOX */
#related-activities { float: right; font-size: 0px; line-height: 0; width: 271px; }
#related-act-top { font-size: 0px; line-height: 0; }
#related-act-bottom { background: url(../images/forms/bg_related_act.gif) no-repeat bottom; font-size: 0px; line-height: 0; }
#related-act-inner { font-size: 11px; line-height: 16px; margin: 0 auto 0px auto; padding: 10px 0 20px 0; width: 225px; }
#related-act-inner .left { float: left; width: 30px; }
#related-act-inner .right { float: left; width: 195px; padding: 2px 0 0 0; }
#related-act-inner .right h5 { color: #393939; font-size: 12px; }
ul.greyarrow { list-style-type: none; }
ul.greyarrow li { background: url(../images/forms/icon_list_arrow.gif) no-repeat 0 5px; line-height: 18px; padding: 0 0 0 12px; }
ul.greyarrow li a { color: #2C6BB5; font-weight: bold; }
ul.greyarrow li a:hover { text-decoration: underline; }
.lines-dotted-short { background: url(../images/forms/lines_dotted_short.gif) no-repeat 0px 14px; font-size: 0px; height: 28px; line-height: 0; }
/* PAGING --------------------------------------------------------- */
#paging-table { float: right; margin: 0 4px 0 0;}
.page-far-left { background: url(../images/table/paging_far_left.gif) no-repeat; display: block; float: left; height: 24px; margin: 0 4px 0 0; width: 24px; }
.page-left { background: url(../images/table/paging_far_left.gif) no-repeat; display: block; float: left; height: 24px; width: 24px; }
.page-far-right { background: url(../images/table/paging_far_right.gif) no-repeat; display: block; float: left; height: 24px; margin: 0 4px 0 4px; width: 24px; }
.page-right { background: url(../images/table/paging_far_right.gif) no-repeat; display: block; float: left; height: 24px; width: 24px; }
#page-info { float: left; line-height: 16px; padding: 3px 12px 0 12px; } /* ACTIONS BOX ----------------------------------------------- */
#actions-box { float: left; margin: 0 0 0 10px; position: relative; }
a.action-slider { background: url(../images/table/dropdown_actions.gif) no-repeat; display: block; height: 30px; width: 110px; }
a.action-slider.activated { background: url(../images/table/dropdown_actions.gif) no-repeat 0 -30px; display: block; height: 30px; width: 110px; }
#actions-box-slider { background: url(../images/table/actions_slider_bg.gif) bottom no-repeat; display: none; left: 0; padding-bottom: 1px; padding-top: 10px; position: absolute; top: 24px; width: 110px; }
#actions-box-slider-inner { font-size: 0px; line-height: 0; margin: 0 auto; width: 108px; }
a.action-edit ,a.action-delete { color: #272727; display: block; font-weight: bold; height: 20px; margin: 0 auto; padding: 10px 0 5px 45px; width: 63px; }
a:hover.action-edit { background: #949494 url(../images/table/action_edit.gif) no-repeat 14px 5px; color: #fff; }
a.action-edit { background: #c7c7c7 url(../images/table/action_edit.gif) no-repeat 14px 5px; }
a.action-delete { background: #c7c7c7 url(../images/table/action_delete.gif) no-repeat 14px 5px; }
a:hover.action-delete { background: #949494 url(../images/table/action_delete.gif) no-repeat 14px 5px; color: #fff; }
/* FORM ------------------------------------------------------- */
.form-submit { background: url(../images/forms/form_submit.gif) no-repeat; border: none; cursor: pointer; display: block; float: left; height: 30px; margin: 0 4px 0 0; padding: 0; text-indent: -3000px; width: 80px; }
.form-reset { background: url(../images/forms/form_reset.gif) no-repeat; border: none; cursor: pointer; display: block; float: left; height: 30px; text-indent: -3000px; width: 80px; }
#id-form { }.inp-form { background: url(../images/forms/form_inp.gif) no-repeat; border: none; color: #393939; height: 25px; padding: 6px 6px 0 6px; width: 186px; }
.inp-form-small { background: url(../images/forms/form_inp_small.gif) no-repeat; border: none; color: #393939; height: 25px; padding: 6px 6px 0 6px; width: 80px; }
.inp-form-error { background: url(../images/forms/form_inp_error.gif) no-repeat; border: none; color: #393939; height: 25px; padding: 6px 6px 0 6px; width: 187px; }
.form-textarea { background: url(../images/forms/form_textarea.gif) no-repeat; border: none; color: #393939; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 97px; overflow: auto; padding: 6px 6px 0 6px; width: 378px; }
#id-form td { padding: 0 0 10px 0; }
#id-form td.noheight { padding: 0 0 0px 0; }
#id-form th { line-height: 28px; min-width: 130px; padding: 0 0 10px 0; text-align: left; width: 130px; }
.styledselect-day ,.styledselect-month ,.styledselect-year { border: 1px solid #acacac; margin-right: 3px; padding: 3px; width: 64px; }
#step-holder {font-family: Tahoma; height:39px; margin-bottom: 20px;}
.step-no { float:left; height:29px; width:18px; font-size: 18px; line-height: 18px; padding:10px 0 0 0; text-align: center;}
.step-no-off { float:left; height:29px; width:18px; font-size: 18px; line-height: 18px; padding:10px 0 0 0; text-align: center; color:#cbcbcb;}
.step-dark-left { float:left; background: url(../images/forms/step_dark_left.gif) no-repeat; height:27px; padding:13px 15px 0 25px; font-size: 13px; color:#fff; font-weight: bold;}
.step-dark-left a{ font-size: 13px; color:#fff; font-weight: bold;}
.step-dark-right { float:left; width:12px; background: url(../images/forms/step_dark_right.gif) no-repeat; height:39px;}
.step-dark-round { float:left; width:8px; height:39px; background: url(../images/forms/step_dark_round.gif) no-repeat;}
.step-light-left { float:left; height:27px; padding:13px 15px 0 25px; font-size: 13px; background: url(../images/forms/step_light_left.gif) no-repeat; height:39px; color:#cbcbcb; font-weight: bold;}
.step-light-left a{ font-size: 13px; color:#cbcbcb; font-weight: bold;}
.step-light-right { float:left; width:12px; background: url(../images/forms/step_light_right.gif) no-repeat; height:39px;}
.step-light-round { float:left; width:8px; height:39px; background: url(../images/forms/step_light_round.gif) no-repeat;}
.bubble-left { float:left; width:10px; height:29px; margin-left: 5px; background: url(../images/forms/bubble_left.gif) no-repeat;}
.bubble-inner { float:left; padding: 7px 0px 0 2px; color:#2e74b2; line-height: 14px; font-size: 11px; height:22px; background: url(../images/forms/bubble_inner.gif) repeat-x;}
.bubble-right { float:left; width:8px; height:29px; background: url(../images/forms/bubble_right.gif) right no-repeat;}
.error-left { float:left; width:13px; height:32px; margin-left: 5px; background: url(../images/forms/error_left.gif) no-repeat;}
.error-inner { float:left; padding: 7px 10px 0 4px; color:#fff; line-height: 14px; height:25px; background: url(../images/forms/error_right.gif) right no-repeat;}
.file_1 { border: 1px solid #acacac; padding: 5px;} /* NAVIGATION ----------------------------------------------- */
#nav-holder { margin: 0 auto; max-width: 1260px; min-width: 780px; text-align: left; }
.nav-outer-repeat { background: #5A5A5A repeat-x; height: 40px; }
.nav-outer { margin: 0 auto; /*max-width: 1260px;*/ min-width: 1250px; }
#nav-right { float: right; position: relative; width: 225px; z-index: 0; }
#nav-right a { display: block; float: left; margin: 0px 0 0 0; }
.account-content { background: #454545 url(../images/shared/nav/account_drop_bg.gif) no-repeat bottom;
display: none; left: 5px; padding-bottom: 20px; position: absolute; top: 30px; width: 170px; }
.account-drop-inner { font-size: 0px; line-height: 0px; margin: 20px auto 0 auto; width: 140px; }
.showhide-account { cursor: pointer; display: block; float: left; margin: 10px 5px 0 5px; }
.account-drop-inner a { color: #fff; font-size: 12px; font-weight: bold; line-height: 16px; margin: 0 0 0 0; padding: 0 0 0 0; }
.account-drop-inner a:hover { color: #2C6BB5; }
.acc-line { background: url(../images/shared/nav/account_line.gif) no-repeat 0 7px; font-size: 0px; height: 14px; line-height: 0px; margin-top: 0px; padding: 0; }
a#logout { margin: 10px 0 0 5px; }
a#acc-settings { background: url(../images/shared/nav/icon_acc_settings.gif) no-repeat 0 2px; padding: 0 0 0 20px; }
a#acc-details { background: url(../images/shared/nav/icon_acc_personal.gif) no-repeat 0 2px; padding: 0 0 0 20px; }
a#acc-project { background: url(../images/shared/nav/icon_acc_projects.gif) no-repeat 0 2px; padding: 0 0 0 20px; }
a#acc-inbox { background: url(../images/shared/nav/icon_acc_inbox.gif) no-repeat 0 2px; padding: 0 0 0 20px; }
a#acc-stats { background: url(../images/shared/nav/icon_acc_stats.gif) no-repeat 0 2px; padding: 0 0 0 20px; }
/* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/pro_dropline.htmlCopyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements.=================================================================== */.nav { float: left; font-family: Tahoma; font-size: 13px; height: 38px; position: relative; /*width: 800px;*/ min-width: 800px; z-index: 500; }
.nav-divider { background: url(../images/shared/nav/divider.jpg) top no-repeat; float: left; height: 40px; width: 7px; }
.nav .table { display: table; }
.nav .select,.nav .current { display: table-cell; float: left; list-style: none; margin: 0 0px 0 0; padding: 0; white-space: nowrap; }
.nav li { float: left; height: auto; margin: 0; padding: 0; }
.nav .select a { /*background: url(../images/shared/nav/pro_line_0.gif);*/ /*color: #fff;*/ /*display: block;*/ /*float: left; *//*height: 37px;*/ /*line-height: 35px; padding: 0 5px 0 5px; text-decoration: underline; white-space: nowrap;*/ }
.nav .current a { /*background: url(../images/shared/nav/pro_line_1.gif);*/ /*color: #fff;*/ /*display: block;*/ /*float: left; *//*height: 37px;*/ /*line-height: 35px; padding: 0 0 0 5px; text-decoration: underline; white-space: nowrap;*/ }
.nav .current a b { /*background: url(../images/shared/nav/pro_line_1.gif) right top;*/ /*display: block; padding: 0 5px 0 5px;*/ }
.nav .select a:hover, .nav .select li:hover a { background: url(../images/shared/nav/pro_line_1.gif); color: #fff; cursor: pointer; padding: 0 0 0 5px; }
.nav .select a:hover b, .nav .select li:hover a b { background: url(../images/shared/nav/pro_line_1.gif) right top; cursor: pointer; display: block; float: left; padding: 0 5px 0 5px; }
.nav .select_sub { display: none; margin: 0 0 0 10px; }/* IE6 only */
.nav table { border-collapse: collapse; font-size: 1em; height: 0; margin: -1px; width: 0; }
.nav .sub { display: table; list-style: none; /* margin: 0 auto; */ padding: 0; }
.nav .sub_active .current_sub a, .nav .sub_active a:hover { /*background: transparent;*/ color: #fff; }
.nav .select :hover .select_sub, .nav .current .show { background: url(../images/shared/nav/back_0.gif); display: block; left: 0; padding: 0; position: absolute; text-align: left; top: 37px; width: 100%; z-index: 100; }
.nav .current .show { z-index: 10; }
.nav .select :hover .sub li a, .nav .current .show .sub li a { /*background: transparent;*/ border: 0; color: #fff; font-weight: bold; font-size: 13px; display: block; float: left; margin: 0; padding: 0 7px 0 7px; white-space: nowrap; }
.nav .current .sub li.sub_show a { background: url(../images/shared/nav/menus/back_1.gif); color: #2C6BB5; cursor: default; }
.nav .select :hover .sub li a:hover, .nav .current .sub li a:hover { /*background: url(../images/shared/nav/menus/back_1.gif);*/ color: #2C6BB5; visibility: visible; }
/* FOOTER -------------------------------------------------------------- */
#footer {height: 70px; margin: 80px auto 0px auto; padding: 0px 0 0 0; text-align: left; min-width: 780px; max-width: 1260px; }
#footer-left { color: #818181; font-size: 11px; line-height: 11px; padding: 15px 0 15px 25px; margin: 0 20px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background: url(../images/shared/icon_idlogo.jpg) no-repeat 0 12px; }
#footer-left a { color: #818181; text-decoration: underline; }
#footer-left a.selected,#footer-left a:hover { color: #000; text-decoration: underline; }
/* GENERAL --------------------------------------------------------*/
table { border-collapse: collapse; }
.fr { float: right; }
a { color:#900; outline: none; text-decoration: underline; }
a:hover { color:#2C6BB5; }
a.link-rojo { color: #161616; font-family: Tahoma; font-size: 11px; font-weight: bold; line-height: 12px; }
a:hover.link-rojo { color: #C00; }
.clear { clear: both; font-size: 0px; height: 0; line-height: 0px; margin: 0px; padding: 0px; }
img { border: 0; }p { margin: 0px; padding: 0px; }form { margin: 0; padding: 0; }
.line { border-top: 1px solid #dcdada; font-size: 0px; height: 1px; line-height: 0px; margin: 20px 0; padding: 0; }
.font11 { font-size: 11px; } /* STYLED SELECTBOXES style 1 --------------------------------- */
.styledselect {background: #2a2a2a;border: 1px solid #424242; color:#fff; width:120px; padding: 5px; line-height: 14px; margin-right: 6px; font-size: 12px;}
iv.selectbox-wrapper { background-color: #2a2a2a; border: none; border-bottom: none; margin: 0px; margin-top: 0px; max-height: 200px; overflow: auto; padding: 0px; position: absolute; text-align: left; width: 400px; z-index: 10; }
div.selectbox-wrapper ul { list-style-type: none; margin: 0px; padding: 0px;z-index: 10; }
div.selectbox-wrapper ul li.selected { background-color: 575757; color: #fff; }
div.selectbox-wrapper ul li.current { background-color: #575757; }
div.selectbox-wrapper ul li { border-bottom: none; color: #fff; cursor: pointer; display: block; font-size: 12px; line-height: 12px; list-style-type: none; margin: 0; padding: 6px 2px 6px 10px; }
.selectbox_styled { background: url(../images/shared/top_search_select.gif) left no-repeat; border: none; border-left: none; color: #fff; cursor: pointer; display: block; font-family: Arial; font-size: 12px; height: 20px; margin: 0px 0px 0px 0px; padding: 6px 0 0 6px; text-align: left; width: 105px; z-index: 10; }
/* STYLED SELECTBOXES style 2 --------------------------------- */
div.selectbox-wrapper2 { background-color: #e3e3e3; border: none; border-bottom: none; margin: 0px; margin-top: 0px; max-height: 200px; overflow: auto; padding: 0px; position: absolute; text-align: left; width: 400px; }
div.selectbox-wrapper2 ul { list-style-type: none; margin: 0px; padding: 0px; }
div.selectbox-wrapper2 ul li.selected2 { background-color: #2C6BB5; color: #fff; }
div.selectbox-wrapper2 ul li.current2 { background-color: #2C6BB5; color: #fff; }
div.selectbox-wrapper2 ul li { border-bottom: none; color: #393939; cursor: pointer; display: block; font-size: 12px; line-height: 12px; list-style-type: none; margin: 0; padding: 6px 2px 6px 10px; }
.styledselect_form_1 { background: url(../images/forms/form_select.gif) left no-repeat; border: none; border-left: none; color: #393939; cursor: pointer; display: block; font-family: Arial; font-size: 12px; height: 24px; margin: 0px 0px 0px 0px; padding: 7px 0 0 6px; text-align: left; width: 192px; }
.styledselect_form_2 { background: url(../images/forms/form_select_small.gif) left no-repeat; border: none; border-left: none; color: #393939; cursor: pointer; display: block; font-family: Arial; font-size: 12px; height: 24px; margin: 0px 0px 0px 0px; padding: 7px 0 0 10px; text-align: left; width: 60px; } /* STYLED SELECTBOXES style 3 --------------------------------- */
div.selectbox-wrapper3 { background-color: #e3e3e3; border: none; border-bottom: none; margin: 0px; margin-top: 0px; max-height: 200px; overflow: auto; padding: 0px; position: absolute; text-align: left; width: 400px; }
div.selectbox-wrapper3 ul { list-style-type: none; margin: 0px; padding: 0px; }
div.selectbox-wrapper2 ul li.selected3 { background-color: #2C6BB5; color: #fff; }
div.selectbox-wrapper2 ul li.current3 { background-color: #2C6BB5; color: #fff; }
div.selectbox-wrapper3 ul li { border-bottom: none; color: #393939; cursor: pointer; display: block; font-size: 12px; line-height: 12px; list-style-type: none; margin: 0; padding: 6px 2px 6px 10px; }
.styledselect_pages { background: url(../images/table/select_number_rows.gif) left no-repeat; border: none; border-left: none; color: #393939; cursor: pointer; display: block; font-family: Arial; font-size: 12px; height: 20px; line-height: 16px; margin: 0px 0px 0px 0px; padding: 4px 0 0 6px; text-align: left; width: 130px; } /* STYLED CHECKBOXES AND RADIOS -------------------------------------------- */
.ui-radio-state-disabled,.ui-radio-state-checked-disabled,.ui-radio-state-disabled-hover,.ui-radio-state-checked-disabled-hover { color: #999; }
span.ui-checkbox,
span.ui-radio { background: url(../images/shared/checkbox.gif) 0 -17px no-repeat; display: block; float: left; height: 17px; width: 17px; }
span.ui-helper-hidden { display: none; }
label { padding: 2px; }
span.ui-radio-state-hover, span.ui-checkbox-state-hover { background-position: 0 0px; }
span.ui-checkbox-state-checked { background-position: 0 0px; }
span.ui-checkbox-state-checked-hover { background-position: 0 0px; }
span.ui-radio-state-checked-disabled-hover, span.ui-radio-state-checked-disabled, span.ui-radio-state-checked { background-position: 0 -161px; }
span.ui-radio-state-checked-hover { background-position: 0 -17px; }
label { color: red; line-height: 20px; }
.ui-helper-hidden-accessible { left: -999em; position: absolute; }
/* LOGIN -------------------------------------------------------------------------------- */
#login-bg { background: url(../images/login/login_bg.jpg) no-repeat top center; }
#login-holder { margin: 0 auto; width: 508px; }
#loginbox { background: url(../images/login/loginbox_bg.png) no-repeat; font-size: 12px; height: 212px; line-height: 12px; padding-top: 60px; position: relative; width: 508px; }
#forgotbox { background: url(../images/login/loginbox_bg.png) no-repeat; display: none; font-size: 12px; height: 212px; line-height: 12px; padding-top: 60px; position: relative; width: 508px; }
#login-inner { color: #161616; font-family: Tahoma; font-size: 13px; line-height: 12px; margin: 0 auto; width: 310px; }
#login-inner label { color: #161616; cursor: pointer; font-family: Tahoma; font-weight: bold; line-height: 12px; padding-left: 10px; }
.checkbox-size { width:13px; height:13px; margin: 5px 0; }
#login-inner th { padding: 0 0 6px 0; text-align: left; width: 95px; }
#login-inner td { padding: 0 0 6px 0; }
.login-inp { background: url(../images/login/inp_login.png) no-repeat; border: none; color: #565656; font-size: 16px; height: 28px; padding: 6px 6px 0 10px; width: 204px; }
#logo-login { float: left; height: 111px; margin: 145px 0 0 5px; }
a.forgot-pwd { bottom: 30px; color: #161616; font-family: Tahoma; font-size: 11px; font-weight: bold; line-height: 12px; position: absolute; right: 40px; }
a:hover.forgot-pwd { color: #C00; }
#forgotbox-text { color: #161616; font-family: Tahoma; font-size: 13px; font-weight: bold; line-height: 12px; margin: 0 auto 40px auto; width: 380px; }
#forgot-inner { color: #161616; font-family: Tahoma; font-size: 13px; line-height: 12px; margin: 0 auto; width: 330px; }
#forgot-inner label { color: #161616; cursor: pointer; font-family: Tahoma; font-weight: bold; line-height: 12px; padding-left: 10px; }
#forgot-inner th { padding: 0 0 6px 0; text-align: left; width: 110px; }
#forgot-inner td { padding: 0 0 6px 0; }
a.back-login { background: url(../images/login/icon_back_login.gif) no-repeat 0 4px; bottom: 30px; color: #161616; font-family: Tahoma; font-size: 11px; font-weight: bold; line-height: 12px; padding: 0 0 0 10px; position: absolute; right: 40px; }
a:hover.back-login { color: #C00; }
.submit-login { background: url(../images/login/submit_login.gif) no-repeat; border: none; cursor: pointer; display: block; height: 29px; text-indent: -3000px; width: 73px; }
.submit-login:hover { background: url(../images/login/submit_login.gif) no-repeat 0 -29px;}
#sidebar { float:right; width:225px; }
#contentcat { float:left; width:750px; }
.shell { width:988px; margin:0 auto; }
.box { background:#fbfcfc; height:100%; padding:1px; margin-bottom:20px; }
.box-head { background:#ba4c32; height:32px; color:#fff; padding: 0 10px; line-height:32px; white-space:nowrap; border-bottom:solid 1px #fff; }
.box-head a {float:right; color:#EEE; text-decoration:none;}
.box-head a:hover {color:#FFF; text-decoration:underline;}
.box-head .right{ padding-top:5px; line-height:13px;}
.box-head .right label,.box-head .right input { float:left; }
.box-head .right label { padding:4px 0 0 0;}
.box-head .right input { margin-left:5px;}
.box-head .right input { margin-left:5px;}
.pagging { height:20px; padding:8px 10px; line-height:19px; color:#949494; }
.pagging a{ background:url(images/pagging.gif) repeat-x 0 0; height:20px; float:left; padding:0 8px; border:solid 1px #d5d5d5; text-decoration: underline; color:#949494; margin-left:5px; }
.pagging a:hover { border-color:#8c3521; background:#ba4c32; color:#fff; }
.pagging span{ float:left; margin-left:5px; padding-top:2px; }
.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }
ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; border-bottom: 1px solid #999; border-left: 1px solid #999; width: 100%;}
ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; border: 1px solid #999; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; background: #e0e0e0;}
ul.tabs li a { text-decoration: underline; color: #000; display: block; font-size: 1.2em; padding: 0 20px; border: 1px solid #fff; outline: none;}
ul.tabs li a:hover { background: #ccc;}
html ul.tabs li.active, html ul.tabs li.active a:hover { background: #fff; border-bottom: 1px solid #fff;}
.tab_container { border: 1px solid #999; border-top: none; overflow: hidden; clear: both; float: left; width: 100%; background: #fff;}
.tab_content { padding: 20px; font-size: 1.2em;}
.blog_post {
margin-bottom: 20px;
position: relative;
}
.blog_left-top-corner {
float: left;
background-color:rgba(0,0,0,0);
}
.blog_head {
background-color: #F01E1E;
color: white;
font-size: 1.5em;
height: 30px;
margin-right: 40px;
padding: 5px 5px 5px 15px;
}
.blog_head_image {
max-width: 78px;
max-height: 78px;
}
.blog_head :hover {
background: red;
}
.blog_head > a {
color: white;
padding-left: 10px;
}
.blog_top-corner {
border-left: 40px solid #F01E1E;
border-top: 40px solid transparent;
height: 0;
position: absolute;
right: 0;
top: 0;
width: 0;
}
.blog_header {
background-color: #DCD2AA;
color: #452C1C;
padding-bottom: 5px;
padding-top: 5px;
}
.blog_body {
background-color: #F5F0DC;
color: #452C1C;
font-family: 'krona',sans-serif;
line-height: 150%;
padding: 30px 60px;
}
/*.blog_fade {
background-color: #F5F0DC;
color: #452C1C;
font-family: 'krona',sans-serif;
line-height: 150%;
padding: 30px 60px;
}*/
.blog_bottom-corner {
border-bottom: 40px solid transparent;
border-right: 40px solid #F5F0DC;
height: 0;
margin-bottom: 10px;
width: 0;
}
.blog_line {
padding-left: 90px;
}
.blog_bottom-fill {
background-color: #F5F0DC;
bottom: 0;
height: 40px;
left: 40px;
position: absolute;
right: 0;
}
.blog_resumen {
cursor: pointer;
}
.blog_resumen:hover .blog_head {
background-color: red;
}
.blog_resumen:hover .blog_top-corner {
border-left: 40px solid red;
}
.blog_resumen:hover .blog_header {
background-color: #E6E6C8;
}
.blog_resumen:hover .blog_body {
background-color: white;
}
.blog_resumen .blog_body {
max-height: 150px;
overflow: hidden;
}
.blog_resumen:hover .blog_bottom-corner {
border-right: 40px solid white;
}
.blog_resumen:hover .blog_bottom-fill {
background-color: white;
}
.blog_resumen:hover .blog_fade {
background-color: white;
}
.blog_resumen .blog_fade {
background-image: linear-gradient(to top, #F5F0DC, rgba(245, 240, 220, 0));
bottom: 40px;
display: block;
max-height: 100px;
left: 5px;
position: absolute;
right: 5px;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span,
.pagination > li > div {
float: left;
padding: 4px 12px;
line-height: 1.428571429;
text-decoration: underline;
background-color: #ffffff;
border: 1px solid #dddddd;
border-left-width: 0;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:first-child > div {
border-left-width: 1px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span,
.pagination > li:last-child > div {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > .active > a,
.pagination > li > div > .active,
.pagination > .active > span {
background-color: #f5f5f5;
border: 1px solid #F00;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > li {
color: #999999;
cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #999999;
cursor: not-allowed;
background-color: #ffffff;
}
.pagination a.active {
background-image: none;
color:black;
font-weight:bold;
-webkit-box-shadow: 0 1px 0 #ffffff;
-moz-box-shadow: 0 1px 0 #ffffff;
box-shadow: 0 1px 0 #ffffff;
background:#fafafa;
}
.enunciado {
border-radius: 0.25em 0.25em 0.25em 0.25em;
color: #FFFFFF;
display: inline;
font-size: 115%;
font-weight: bold;
line-height: 1;
padding: 0.2em 0.6em 0.3em;
text-align: center;
vertical-align: baseline;
white-space: nowrap;
width: 25%;
background-color: #999999;
}
.form-row {
width: 100%;
margin-top: 8px;
margin-bottom: 8px;
}
.valor {
margin-left: 10px;
}
.list-group {
margin-bottom: 20px;
padding-left: 0;
}
.elemento {
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
display: block;
margin-bottom: -1px;
padding: 10px 15px;
position: relative;
}
.borrado {
background-color: #999999;
}