html {
background: #116487;
}
body {
min-width: 1000px; text-align: center;
margin: 0px;
font-family:Arial, Helvetica, sans-serif;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666666;
background:url('../icons/bck_main.png') bottom center repeat-x fixed #e5e6e8;
background:fixed #e8e9eb; }
.menuhor .box-wrap {
padding: 0px 0px 0px 0px; }
body.login {
background: none;
padding-top: 10px;
background: url('../icons/header.png') top left repeat-x; }
.clear:after {
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden; }
.clean-margin {
margin: 0px !important; }
.clean-padding {
padding: 0px !important; }
ul.standard.clean-padding {
padding: 0 0 0 16px !important; }
ol.standard.clean-padding {
padding: 0 0 0 22px !important; }
.hidden {
display: none; }
.display {
display: block; }
.half { width: 48% !important; }
.trio { width: 31% !important; }
.quad { width: 23% !important; }
.full { width: 100%; }
.size-80 { width: 80px; }
.size-120 { width: 120px; }
.size-150 { width: 150px; }
.size-170 { width: 170px; }
.size-200 { width: 200px; }
.size-250 { width: 250px; }
.fl { float: left;}
.fr { float: right;}
.fl-space { float: left; margin-right: 5px; }
.fr-space { float: right; margin-left: 5px; }
.fl-space2 { float: left; margin-right: 10px; }
.fr-space2 { float: right; margin-left: 10px; }
.bt-space0 { margin-bottom: 0px !important; }
.bt-space5 { margin-bottom: 5px !important; }
.bt-space10 { margin-bottom: 10px !important; }
.bt-space15 { margin-bottom: 15px !important; }
.bt-space20 { margin-bottom: 20px !important; }
.bt-space30 { margin-bottom: 30px !important; }
.bt-space40 { margin-bottom: 40px !important; }
.ln-normal { line-height: normal !important; }
.ln-22 { line-height: 22px !important; }
.left { text-align: left !important; }
.center { text-align: center !important; margin: auto !important; }
.right { text-align: right !important; }
.block { text-align: justify; }
img.block { display: block;}
a { color: #35729c; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }
.button {
display: inline-block;
line-height: 16px;
border-width: 0px;
font-size: 11px;
font-family: arial;
color: #FFFFFF;
font-weight: bold;
cursor: pointer;
background: url('../icons/button_glas1.png') center center repeat-x #333333;
padding: 3px 13px 3px 13px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
text-align: center;
}
input.button {
display: inline-block;
line-height: 13px; /* IE8 hack */
line-height: 16px\0/;
border-width: 0px;
font-size: 11px;
font-family: arial;
color: #FFFFFF;
font-weight: bold;
cursor: pointer;
background: url('../icons/button_glas1.png') center center repeat-x #333333;
padding: 3px 10px 3px 10px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.button:hover {
color: #FFFFFF;
text-decoration: none;
}
.button.green {
background-color: #4DB800;
}
.button.red {
background-color: #D80017;
}
.button.blue {
background-color: #00A5C4;
}
.button.grey {
background-color: #BBBBBB;
}
strong {
/*color: #333333;*/
}
small {
font-size: 11px;
line-height: 14px;
display: block;
}
code {
color: #333333;
font-family: "Courier New", Courier, monospace, sans-serif;
}
q {
background:url("../icons/quote.png") no-repeat 7px 8px #FFFFFF;
color: #333333;
display:block;
font-family: "Times New Roman", arial;
font-size: 14px;
line-height: 18px;
font-style: normal;
min-height: 42px;
padding: 10px 10px 10px 32px;
quotes:"" "";
font-style:italic;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
q cite {
color: #959595;
display: block;
font-size: 12px;
padding-top: 5px;
font-family: arial;
}
del {
color: #FF001C;
text-decoration:line-through;
}
.rule {
padding-top: 2px;
padding-bottom: 20px;
background: url('../icons/rule.gif') 0px 0px repeat-x;
}
.rule2 {
padding-top: 4px;
padding-bottom: 20px;
background: url('../icons/rule2.gif') 0px 0px repeat-x;
}
.sidebar .rule {
padding-bottom: 15px;
}
.cr-help {
cursor: help;
}
/***************************/
/********** LOGIN **********/
/***************************/
.login-box {
width: 550px;
margin: 0px auto;
margin-bottom: 30px;
background: url('../icons/bck_white_10.png');
border: 1px solid #666666;
text-align: left;
padding: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.login-border {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.login-style {
border: 2px solid #FFFFFF;
background: url('../icons/login.jpg') center center no-repeat;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.login-header {
height: 71px;
background: url('../icons/login_header.png') left bottom no-repeat;
padding: 15px 15px 0px 15px;
-moz-border-radius: 3px 3px 0px 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
}
.login-header .logo {
width: auto;
margin: 0px;
padding-top: 0px;
}
.login-header .logo .title {;
}
.login-header .logo .text {
color: #333333;
}
.login-inside {
height: 195px;
padding-top: 15px;
border-bottom: 1px solid #bbbbbb;
background: url('../icons/gear.png') 550px bottom no-repeat;
}
.login-inside p {
text-align: center;
padding-bottom: 10px;
}
.login-data {
width: 300px;
padding: 20px 10px 20px 10px;
background: url('../icons/bck_white_50.png');
margin: 0 auto;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
margin-bottom : 20px;
}
.login-data label {
display: block;
width: 120px;
float: left;
line-height: 22px;
text-align: right;
margin-right: 10px;
}
.login-data input.text {
width: 140px;
}
.login-data .row {
padding-bottom: 10px;
}
.login-data .button {
margin-left: 130px;
}
.login-data-right {
width: 168px !important;
padding: 0px 0px 0px 0px;
background: url('../icons/bck_white_50.png');
margin: 0 auto;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
margin-bottom : 20px;
}
.login-data-left {
width: 150px !important;
padding: 0px 0px 0px 0px;
background: url('../icons/bck_white_50.png');
margin: 0 auto;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
margin-bottom : 20px;
}
.login-data-right label {
display: block;
width: 120px;
float: left;
text-align:left
line-height: 22px;
margin-right: 10px;
}
.login-data-right input.text {
width: 140px;
}
.login-data-right .row {
padding-bottom: 10px;
}
.login-data-right .button {
margin-left: 45px;
}
.box-wrap clear input.text {
width: 500px;
}
.box-wrap clear .row {
padding-bottom: 10px;
}
.box-wrap clear .button {
margin-left: 30px;
}
.login-footer {
position: absolute;
border-top: 1px solid #FFFFFF;
background: url('../icons/bck_black_70.png');
height: 22px;
padding: 10px 15px 10px 15px;
-moz-border-radius: 0px 0px 3px 3px;
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
}
.login-footer .remember {
color: #FFFFFF;
line-height: 22px;
display: block;
float: left;
font-weight: bold;
}
.login-footer .remember label {
margin-left: 3px;
}
.login-links {
color: #bbbbbb;
font-size: 11px;
}
.login-links strong {
font-weight: normal;
color: #FFFFFF;
}
.login-links a {
color: #FFFFFF;
text-decoration: none;
}
.login-links a:hover {
color: #FFFFFF;
text-decoration: underline;
}
/*********************************/
/********** PAGE LAYOUT **********/
/*********************************/
.pagesize {
width: 1000px;
margin: 0px auto;
text-align: left;
}
.pagetop {
width: 100%;
min-width: 1000px;
background: url('../icons/header.png') top center repeat-x fixed #fcfcfa;
background: url('../icons/header.png') top center repeat-x fixed #F0EFE8;
border-bottom: 4px solid #20cff5;
position: static;
z-index: 100;
}
.head {
padding: 0px 0px 0px 0px;
background: url('../icons/gear.png') 550px bottom no-repeat;
}
.head_top {
position: static;
min-height: 114px;
}
.main {;
width: 1080px;
background: url('http://www.scienceweb.gr/sam/main_bg13.png') top center repeat-y;
}
.main-wrap {
position: static;
width: 1080px;
background: url('http://www.scienceweb.gr/sam/main_bg_top13.png') top center no-repeat;
}
.page {
padding-bottom: 50px;
padding-left: 40px;
padding-right: 40px;
padding-top: 30px;
}
.pageb {
padding-bottom: 10px;
padding-left: 35px;
padding-right: 35px;
padding-top: 15px;
}
.logo {
padding-top: 3px;
}
.logo a {
text-decoration: none;
}
.logo .picture {
float: left;
margin-right: 10px;
}
.logo .textlogo {
float: left;
}
.logo .title {
display: block;
font-family: arial;
font-size: 28px;
color: #666;
font-weight: bold;
margin-top: 22px;
letter-spacing: -0.02em;
}
.logo .text {
display: block;
font-weight: bold;
color: #CCC;
position: static;
top: 20px;
}
.breadcrumb {
width: 100%;
height: 28px;
background: url('../icons/breadcrumb.png') top left repeat-x;
}
.breadcrumb .bread-links {
line-height: 26px;
font-size: 11px;
}
.breadcrumb ul {
list-style: none;
margin: 0 0 0 0;
}
.breadcrumb li {
float: left;
margin-right: 5px;
}
.breadcrumb li.first {
padding-left: 16px;
background: url('../icons/ball_yellow_13.png') 0px 7px no-repeat;
}
.breadcrumb li span {
padding-left: 5px;
}
/*** main menu ***/
.menu {;
position: static;
margin: 0 0 0 5px;
}
.menu ul {
font-size: 13px;
list-style: none;
margin: 0 0 0 0;
}
.menu li {
float: left;
margin-right: 12px;
padding-bottom: 5px;
position: static;
}
.menu li a {
display: block;
line-height: 14px;
padding: 6px 20px 6px 20px;
background: url('../icons/button_glas1.png') center center repeat-x #00beff;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
text-shadow: 1px 1px 1px #333333;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.menu li a:hover {
background: url('../icons/button_glas1_ovr.png') center center repeat-x #F90;
}
.menu li.active a {
background: #ffffff;
color: #333333;
text-shadow: 1px 1px 1px #BBBBBB;
}
.menu ul ul {
display: none;
font-size: 12px;
width: 150px;
position: static;
top: 33px;
left: 0px;
background: url('../icons/bck_white_95.png');
padding: 8px 0px 12px 0px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-moz-box-shadow: 1px 2px 2px #888888;
-webkit-box-shadow: 1px 2px 2px #888888;
box-shadow: 1px 2px 2px #888888; /* IE7 hack */
*border-right: 1px solid #BBBBBB;
*border-bottom: 1px solid #BBBBBB; /* IE8 hack */
border-right: 1px solid #BBBBBB\0/;
border-bottom: 1px solid #BBBBBB\0/;
}
.menu li:hover ul {;
}
.menu li:hover ul ul {
display: none;
position: static;
top: -8px;
left: 151px;
}
.menu li li:hover ul {;
}
.menu li li {
padding: 0px 0px 0px 0px;
margin: 0px;
float: none;
}
.menu li li a {
padding: 4px 12px 4px 22px !important;
background: url('../icons/arrow_sm_grey.gif') 12px 10px no-repeat !important;
font-weight: normal;
color: #959595!important;
text-shadow: none !important;
}
.menu li li a:hover {
color: #333333!important;
background: url('../icons/arrow_sm_black.gif') 12px 10px no-repeat !important;
}
.menu li li:hover a {
color: #333333!important;
background: url('../icons/arrow_sm_black.gif') 12px 10px no-repeat !important;
}
.menu li li:hover li a {
color: #959595!important;
background: url('../icons/arrow_sm_grey.gif') 12px 10px no-repeat !important;
}
.menu li li:hover li a:hover {
color: #333333!important;
background: url('../icons/arrow_sm_black.gif') 12px 10px no-repeat !important;
}
.menu li li.active a {
color: #333333!important;
background: url('../icons/arrow_sm_black.gif') 12px 10px no-repeat !important;
font-weight: bold;
}
.menu li li.active li a {
color: #959595!important;
background: url('../icons/arrow_sm_grey.gif') 12px 10px no-repeat !important;
font-weight: normal;
}
.menu li li.active li a:hover {
color: #333333!important;
}
.menu li li li.active a {
color: #333333!important;
background: url('../icons/arrow_sm_black.gif') 12px 10px no-repeat !important;
font-weight: bold;
}
.menu li li a, #nav li li a:visited {
width: 130px;
color: #999;
float: none;
margin: 0px 0px 0px -1px;
padding: 7px 10px 7px 10px;
}
.menu li li a:hover, .menu li li a:active {
background: #000;
color: #fff;
padding: 7px 10px 7px 10px;
}
.menu li ul {
z-index: 9999;
position: static;
left: -999em;
height: auto;
width: 100px;
margin: 0px;
padding: 0px;
}
.menu li li {
}
.menu li ul a {
width: 100px;
}
.menu li ul a:hover, .menu li ul a:active {
}
.menu li ul ul {
margin: -29px 0 0 130px;
}
/*** header ***/
.header {
background: url('../icons/line.gif') bottom left repeat-x;
margin-bottom: 30px;
}
.header .links {
float: right;
line-height: 24px;
color: #333333;
padding: 6px 0px 6px 0px;
}
.header .links li {
float: left;
margin-left: 10px;
}
.header .links .icon {
display: block;
width: 24px;
height: 24px;
float: left;
margin-right: 5px;
}
.header .links a {
color: #333333;
text-decoration: none;
}
.header .links a:hover {
color: #00A5C4;
text-decoration: none;
}
.topbuts {
position: static;
top: 0px;
right: 0px;
}
.topbuts ul {
float: right;
}
.topbuts li {
float: left;
margin-left: 2px;
font-size: 11px;
font-weight: bold;
}
.topbuts li a {
background: #4DB800;
text-decoration: none;
display: block;
color: #FFFFFF;
line-height: 16px;
padding: 1px 12px 2px 12px;
}
.topbuts li a:hover {
background: #55CC00;
text-decoration: none;
color: #FFFFFF;
}
.topbuts li a.red {
background: #D80017;
}
.topbuts li a.red:hover {
background: #FF001C;
}
.user {
clear: both;
float: right;
padding-top: 27px;
}
.user img.avatar {
display: block;
float: right;
margin-left: 17px;
padding: 3px;
background: #FFFFFF;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.user-detail {
display: block;
float: right;
text-align: right;
}
.user-detail .name {
display: block;
line-height: normal;
text-align: left;
float: right;
font-size: 18px;
color: #ffffff;
padding: 2px 0px 7px 0px;
}
.user-detail .text {
color: #bbbbbb;
clear: both;
font-size: 11px;
line-height: 18px;
color: #000000;
display: block;
}
.user-detail a {
color: #3793d2;
text-decoration: none;
}
.user-detail a:hover {
color: #ff9600;
text-decoration: underline;
}
/*** main page contents ***/
h1 {
color: #666;
font-size: 22px;
font-weight: normal;
padding-top: 0px;
margin-bottom: 10px;
}
h1.tab-title {
font-size: 12px;
font-weight: bold;
}
h1 a.label {
color: #FFFFFF;
text-decoration: none;
background: url("../icons/button_glas1.png") repeat-x center center #c0c0c0;
display: inline-block;
font-size: 11px;
padding: 2px 10px 2px 10px;
position: relative;
top: -12px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
h1 a.label:hover {
color: #FFFFFF;
text-decoration: none;
background-color: #00A5C4;
}
h2 {
color: #333333;
font-size: 18px;
font-weight: normal;
padding-top: 0px;
margin-bottom: 10px;
}
h3 {
color: #333333;
font-size: 18px;
font-weight: bold;
padding-top: 0px;
margin-bottom: 10px;
}
h4 {
color: #333333;
font-size: 14px;
font-weight: bold;
padding-top: 0px;
margin-bottom: 5px;
}
h5 {
color: #959595;
font-size: 14px;
font-weight: bold;
padding-top: 0px;
margin-bottom: 5px;
}
h6 {
color: #333333;
font-size: 14px;
font-weight: bold;
padding-top: 0px;
margin-bottom: 5px;
padding-left: 1px;
}
.page p {
margin: 0px;
padding-bottom: 10px;
line-height: 16px;
}
.page p.description {
margin: 0px;
padding-bottom: 5px;
padding-top: 0px;
font-size: 11px;
line-height: 14px;
}
.thumb {
display: block;
border: 1px solid #BBBBBB;
padding: 3px;
background: #FFFFFF;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
a .thumb {
border: 1px solid #BBBBBB;
}
a:hover .thumb {
border: 1px solid #00A5C4;
}
.size48 {
width: 48px;
height: 48px;
}
.size64 {
width: 64px;
height: 64px;
}
.code {
background: url('../icons/bck_white_90.png');
color: #00A5C4;
font-family: "Courier New", Courier, monospace, sans-serif;
font-size: 12px;
padding: 2px 5px 3px 5px;
margin-bottom: 5px;
}
.code span {
color: #ff001c;
}
ul.standard {
list-style-type: square;
padding: 10px 0 20px 16px;
}
ul.standard ul {
list-style-type: square;
padding: 5px 0 5px 16px;
}
ol.standard {
list-style-type: decimal;
padding: 10px 0 20px 22px;
}
ol.standard ol {
list-style-type: lower-alpha;
padding: 5px 0 5px 22px;
}
/* tree list */
ul.tree {
list-style-type: none;
padding: 0px 0 20px 0px;
}
ul.tree ul {
padding-left: 5px;
}
ul.tree li {
line-height: 20px;
padding: 0px 0px 0px 5px;
}
ul.tree li span.item {
padding-left: 20px;
background: url('../icons/ball_blue_16.png') 0px 2px no-repeat;
font-weight: bold;
display: block;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
cursor: pointer;
}
ul.tree li li span.item {
background: url('../icons/ball_yellow_13.png') 2px 4px no-repeat;
font-weight: normal;
}
ul.tree li li li span.item {
background: url('../icons/ball_green_13.png') 2px 4px no-repeat;
}
ul.tree li li li li span.item {
background: url('../icons/ball_purple_13.png') 2px 4px no-repeat;
}
ul.tree li li li li li span.item {
background: url('../icons/ball_black_13.png') 2px 4px no-repeat;
}
ul.tree li li li li li li span.item {
background: url('../icons/ball_red_13.png') 2px 4px no-repeat;
}
ul.tree li li li li li li li span.item {
background: url('../icons/ball_grey_13.png') 2px 4px no-repeat;
}
ul.tree li li {
padding-left: 10px !important;
}
ul.tree li.tree-item-main {
padding-left: 0px;
}
ul.tree li.tree-item {
padding-left: 0px;
}
ul.tree ul {
background: url('../icons/tree_line.gif') 7px top no-repeat;
}
ul.tree ul ul {
background: none;
}
ul.tree li.last ul {
background: none;
}
li.tree-item {
background: url('../icons/tree_simple.png') 0px 0px no-repeat;
}
li.tree-item.last {
background: url('../icons/tree_simple_last.png') 0px 0px no-repeat;
}
li.tree-item.parent {
background: url('../icons/tree_point.png') 0px 0px no-repeat;
}
li.tree-item.parent.last {
background: url('../icons/tree_point_last.png') 0px 0px no-repeat;
}
ul.space, ol.space {
padding-bottom: 10px;
}
.space li {
padding-bottom: 10px;
}
dl.standard {
padding: 10px 0px 15px 0px;
}
dl.standard dt {
color: #333333;
font-weight: bold;
}
dl.standard dd {
padding-bottom: 10px;
}
.mark {
background: #FFFFFF;
color: #333333;
display:block;
padding: 10px 10px 0px 10px;
margin-bottom: 15px;
border: 1px solid #DDDDDD;
border-bottom: 1px solid #CCCCCC;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.mark p {
padding-bottom: 10px;
}
.mark_blue {
background: #E7EEF4;
color: #333333;
display:block;
padding: 10px 10px 0px 10px;
margin-bottom: 15px;
border: 1px solid #D7DEE4;
border-bottom: 1px solid #C6CDD3;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.mark_blue p {
padding-bottom: 10px;
}
/***************
**** COLUMNS ***
***************/
/* main columns */
.columns {
width: 100%;
}
.lastcol { margin-right: 0px !important; }
.col1-2 { width: 484px; float: left; margin-right: 32px;}
.col1-3 { width: 312px; float: left; margin-right: 32px;}
.col1-4 { width: 226px; float: left; margin-right: 32px;}
.col1-index { width: 402px; float: left; margin-right: 14px;}
.col1-indexlast { width: 402px; float: left; margin-right: 0px;}
.col2-3 { width: 656px; float: left; margin-right: 32px;}
.col2-4 { width: 484px; float: left; margin-right: 32px;}
.col3-4 { width: 742px; float: left; margin-right: 32px;}
.col3-4b { width: 822px; float: left; margin-right: 32px; }
.col1-3b { width: 166px; float: right; margin-left: 22px; }
.col2-3b { width: 488px; float: left; margin-right: 22px; }
.content-box .col1-3b { width: 160px; float: right; margin-right: 18px; }
.content-boxb .col1-3b { width: 160px; float: right; margin-right: 18px; margin-bottom: 10px; }
.content-box .col2-3b { width: 462px; float: left; margin-right: 18px; }
.content-boxb .box-wrap { padding: 0px 0px 0px 0px; }
.content-boxb {
border-width: 1px;
border-style: solid;
border-color: #DDDDDD #DDDDDD #C4C4C4 #DDDDDD;
background: #FFFFFF;
margin-bottom: 18px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; }
.content-boxb .box-header {
min-height: 36px;
background: url('../icons/bck_header.png') top center repeat-x;
position: relative;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px; }
.content-boxb .box-body {
border: 2px solid #FFFFFF;
background: #F5F5F5;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px; }
/* cols inside of main columns */
.col2-3 .col1-2 { width: 312px; float: left; margin-right: 32px;}
.col2-3 .col1-3 { width: 198px; float: left; margin-right: 31px;}
.col2-3 .col2-3 { width: 427px; float: left; margin-right: 31px;}
.col3-4 .col1-3 { width: 226px; float: left; margin-right: 32px;}
.col3-4 .col2-3 { width: 484px; float: left; margin-right: 32px;}
.col3-4 .col1-4 { width: 163px; float: left; margin-right: 30px;}
.col3-4 .col2-4 { width: 356px; float: left; margin-right: 30px;}
.col3-4 .col3-4 { width: 549px; float: left; margin-right: 30px;}
/* cols inside of fullboxes */
.content-box .col1-2 { width: 468px; float: left; margin-right: 18px;}
.content-box .col1-3 { width: 306px; float: left; margin-right: 18px;}
.content-box .col2-3 { width: 630px; float: left; margin-right: 18px;}
.content-box .col1-4 { width: 225px; float: left; margin-right: 18px;}
.content-box .col2-4 { width: 468px; float: left; margin-right: 18px;}
.content-box .col3-4 { width: 711px; float: left; margin-right: 18px;}
/* cols for boxes with sidebars */
.content-box .col1-2 .col1-2 { width: 225px; float: left; margin-right: 18px;}
.content-box .col2-3 .col1-2 { width: 306px; float: left; margin-right: 18px;}
.content-box .col3-4 .col1-2 { width: 346px; float: left; margin-right: 19px;}
.content-box .col3-4 .col1-3 { width: 225px; float: left; margin-right: 18px;}
.content-box .col3-4 .col2-3 { width: 468px; float: left; margin-right: 18px;}
.sidebar1-2 .sidebar .col1-2 { width: 214px; float: left; margin-right: 20px;}
/* cols for boxes(without sidebars only) inside of main columns */
.col1-2 .content-box .col1-2 { width: 210px; float: left; margin-right: 18px;}
.col2-3 .content-box .col1-2 { width: 296px; float: left; margin-right: 18px;}
.col2-3 .content-box .col1-3 { width: 192px; float: left; margin-right: 17px;}
.col2-3 .content-box .col2-3 { width: 401px; float: left; margin-right: 17px;}
.col2-4 .content-box .col1-2 { width: 210px; float: left; margin-right: 18px;}
.col3-4 .content-box .col1-2 { width: 339px; float: left; margin-right: 18px;}
.col3-4 .content-box .col1-3 { width: 220px; float: left; margin-right: 18px;}
.col3-4 .content-box .col2-3 { width: 458px; float: left; margin-right: 18px;}
/*******************************
**** DESIGN of content boxes ***
*******************************/
.content-box {
border-width: 1px;
border-style: solid;
border-color: #DDDDDD #DDDDDD #C4C4C4 #DDDDDD;
background: #FFFFFF;
margin-bottom: 15px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
line-height:13px;
}
.content-box .box-header {
min-height: 36px;
background: url('../icons/bck_header.png') top center repeat-x;
position: relative;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.content-box .box-header-index {
min-height: 36px;
// background: url('../icons/bck_header13.png') top center repeat-x;
background: #7d7d7d;
position: relative;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.content-box .box-body {
border: 2px solid #FFFFFF;
background: #F5F5F5;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.content-box .box-wrap {
padding: 20px 20px 10px 20px;
}
.content-box .box-wrap-index {
padding: 10px 7px 10px 7px;
min-height: 300px;
font-size: 11px;
}
.content-box .box-wrap-index-1 {
padding: 5px 7px 5px 7px;
background: url('/sam/_box1.png') top center repeat-y #ffffff;
min-height: 300px;
font-size: 11px;
font-color: black;
font-weight: bold;
}
.content-box .box-wrap-index-2 {
padding: 5px 7px 5px 7px;
background: url('/sam/_box4.png') top center repeat-y #ffffff;
min-height: 300px;
font-size: 11px;
font-color: black;
font-weight: bold;
}
.content-box .box-wrap-index-3 {
padding: 5px 7px 5px 7px;
background: url('/sam/_box2.png') top center repeat-y #ffffff;
min-height: 300px;
font-size: 11px;
font-color: black;
font-weight: bold;
}
.content-box .box-wrap-index-4 {
padding: 5px 7px 5px 7px;
background: url('/sam/_box5.png') top center repeat-y #ffffff;
min-height: 300px;
font-size: 11px;
font-color: black;
font-weight: bold;
}
.content-box .box-wrap-index-5 {
padding: 5px 7px 5px 7px;
background: url('/sam/_box3.png') top center repeat-y #ffffff;
min-height: 300px;
font-size: 11px;
font-color: black;
font-weight: bold;
}
.content-box .box-wrap-index-6 {
padding: 5px 7px 5px 7px;
background: #ffffff;
min-height: 564px;
font-size: 12px;
line-height: 15px;
font-color: black;
font-weight: bold;
}
.box-header h2 {
color: #333333;
line-height: 24px;
margin-bottom: 0px;
padding: 7px 20px 9px 20px;
background: url('../icons/rule.gif') bottom left repeat-x;
}
.box-header-index h2 {
color: #ffffff;
line-height: 24px;
margin-bottom: 0px;
text-align: center;
padding: 7px 7px 9px 7px;
background: url('../icons/rule.gif') bottom left repeat-x;
}
.box-header .tabs {
position: absolute;
top: 7px;
right: 10px;
}
.box-header .tabs li {
float: left;
margin-left: 3px;
font-size: 11px;
line-height: 20px;
font-weight: bold;
}
.box-header .tabs li a {
background: url('../icons/button_glas2.png') center center repeat-x #EEEEEE;
border: 0px solid #FFFFFF;
display: block;
color: #333333;
text-decoration: none;
padding: 2px 15px 2px 15px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.box-header .tabs li a:hover {
background: #FFFFFF;
text-decoration: none;
}
.box-header .tabs li.active a {
color: #FFFFFF;
background: url('../icons/button_glas1.png') center center repeat-x #4DB800;
border: 0px solid #333333;
}
.box-header .tabs li a.selected {
color: #FFFFFF;
background: url('../icons/button_glas1.png') center center repeat-x #4DB800;
border: 0px solid #333333;
}
/* sliding boxes and tabs */
.box-slide-head span.slide-but, .box-slide-head td.slide-but span {
display: block;
text-indent: -9999px;
width: 26px;
height: 24px;
background: url('../icons/but_slide.png') center center no-repeat !important;
cursor: pointer;
}
.box-slide-head td.slide-but {
background: none;
}
td.box-slide-body {
background: #F0f0f0 !important;
}
.box-header.box-slide-head .slide-but {
position: absolute;
top: 7px;
right: 5px;
}
.box-header.box-slide-head .tabs {
right: 36px;
}
/* iconbar */
.content-box .iconbar {
background: #e9e9e9 url('../icons/bck_iconbar.png') top center repeat-x;
height: 143px;
overflow: hidden;
}
.content-box .iconbar .box-wrap {
background: url('../icons/bck_iconbar_bottom.png') center bottom repeat-x;
padding-top: 15px;
padding-bottom: 25px;
padding-left: 42px;
padding-right: 42px;
position: relative;
overflow: hidden;
height: 103px;
}
.iconbar .jcarousel-list {
height: 100px;
overflow: hidden;
}
.iconbar .jcarousel-prev {
background: #f9f9f9;
display: block;
width: 20px;
height: 40px;
text-indent: -9999px;
border: 1px solid #FFFFFF;
border-left-width: 0px;
position: absolute;
top: 29px;
left: -42px;
-moz-border-radius: 0px 3px 3px 0px;
-webkit-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
-moz-box-shadow: 2px 1px 4px #dddddd;
-webkit-box-shadow: 2px 1px 4px #dddddd;
box-shadow: 2px 1px 4px #dddddd;
*border-right: 1px solid #DDDDDD;
*border-bottom: 1px solid #DDDDDD;
}
.iconbar .jcarousel-prev-disabled {
background: url('../icons/arrowleft_iconbar_off.png') center center no-repeat #f9f9f9 !important;
cursor: auto !important;
}
.iconbar .jcarousel-prev {
background: url('../icons/arrowleft_iconbar_act.png') center center no-repeat #f9f9f9;
cursor: pointer;
}
.iconbar .jcarousel-prev:hover {
background: url('../icons/arrowleft_iconbar_ovr.png') center center no-repeat #ffffff;
}
.iconbar .jcarousel-next {
background: #f9f9f9;
display: block;
width: 20px;
height: 40px;
text-indent: -9999px;
border: 1px solid #FFFFFF;
border-right-width: 0px;
position: absolute;
top: 29px;
right: -42px;
-moz-border-radius: 3px 0px 0px 3px;
-webkit-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
-moz-box-shadow: -2px 1px 4px #dddddd;
-webkit-box-shadow: -2px 1px 4px #dddddd;
box-shadow: -2px 1px 4px #dddddd;
*border-left: 1px solid #DDDDDD;
*border-bottom: 1px solid #DDDDDD;
}
.iconbar .jcarousel-next-disabled {
background: url('../icons/arrowright_iconbar_off.png') center center no-repeat #f9f9f9 !important;
cursor: auto !important;
}
.iconbar .jcarousel-next {
background: url('../icons/arrowright_iconbar_act.png') center center no-repeat #f9f9f9;
cursor: pointer;
}
.iconbar .jcarousel-next:hover {
background: url('../icons/arrowright_iconbar_ovr.png') center center no-repeat #ffffff;
}
.main-icons {
margin: 0px;
padding: 0px;
}
.main-icons ul {
width: 100%;
}
.main-icons li {
width: 120px;
float: left;
text-align: center;
margin: 0px 5px 0px 5px;
padding: 1px 0px 5px 0px;
}
.main-icons li.active, .main-icons li:hover {
background: url('../icons/bck_iconbar_ovr.png') center -15px no-repeat;
width: 118px;
padding: 0px 0px 5px 0px;
border: 1px solid #f3f3f3;
border-bottom-width: 0px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.main-icons a {
color: #333333;
text-decoration: none;
display: block;
padding-top: 14px;
text-shadow:0px 1px 2px rgba(0, 0, 0, .25);
}
.main-icons a:hover {
color: #00A5C4;
text-decoration: none;
padding-top: 13px;
text-shadow:0px 1px 10px rgba(255, 255, 255, 1.0);
border: 1px solid #FFFFFF;
border-bottom-width: 0px;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
}
.main-icons li.active a {
color: #47AB00;
text-decoration: none;
padding-top: 13px;
text-shadow:0px 1px 1px rgba(71, 171, 0, .4);
border: 1px solid #FFFFFF;
border-bottom-width: 0px;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
}
.main-icons .icon {
display: block;
width: 64px;
height: 64px;
margin: 0px auto;
}
.main-icons .text {
display: block;
padding: 5px 0px 0px 0px;
}
/* elements inside of content boxes */
.box-body p {
margin: 0px;
margin: 0px;
padding-bottom: 20px;
}
/*** sidebars ***/
.content-box .sidebar1-2 {
width: 100%;
background: url('../icons/bck_sidebar.png') 486px 0px repeat-y;
margin-bottom: 10px;
}
.content-box .sidebar1-2 .sidebar {
width: 448px;
float: right;
padding: 10px 10px 15px 10px;
}
.content-box .sidebar1-3 {
width: 100%;
background: url('../icons/bck_sidebar.png') 648px 0px repeat-y;
margin-bottom: 10px;
}
.content-box .sidebar1-3 .sidebar {
width: 286px;
float: right;
padding: 10px 10px 15px 10px;
}
.content-box .sidebar1-4 {
width: 100%;
background: url('../icons/bck_sidebar.png') 729px 0px repeat-y;
margin-bottom: 10px;
}
.content-box .sidebar1-4 .sidebar {
width: 205px;
float: right;
padding: 10px 10px 15px 10px;
}
.sidemenu {
width: 100%;
}
.sidemenu ul.list {
padding-bottom: 15px;
line-height: 16px;
}
.sidemenu ul.list li {
margin-bottom: 3px;
background: url('../icons/ui-bg_glass_100_f6f6f6_1x400.png') left center repeat-x;
border: 1px solid #DDDDDD;
border-bottom: 1px solid #CCCCCC;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.sidemenu ul.list li:hover {
background: #FFFFFF;
}
.sidemenu ul.list a {
color: #00A5C4;
text-decoration: none;
background: url('../icons/arrow_sm_blue.gif') 7px 10px no-repeat;
display: block;
padding: 5px 5px 5px 17px;
}
.sidemenu ul.list a:hover {
color: #00A5C4;
text-decoration: none;
background: url('../icons/arrow_sm_blue.gif') 7px 10px no-repeat;
}
.sidemenu ul.list li.active {
background: #FFFFFF;
}
.sidemenu ul.list li.active a {
color: #333333;
text-decoration: none;
background: url('../icons/arrow_sm_black.gif') 7px 10px no-repeat;
font-weight: bold;
}
.sidebar p {
padding-bottom: 10px;
}
/**************
**** tables ***
**************/
table {
width: 100%;
margin: 0px;
margin-bottom: 20px;
}
table.sam {
width: 100%;
margin: 0px;
margin-top: 2px;
margin-bottom: 2px;
}
div.sam1 {
width: 100%;
margin: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding : 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
table.sam1 {
width: 100%;
margin: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding : 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
table.sam2 {
width: 100%;
margin: 0px;
margin-top: 2px;
margin-bottom: 2px;
font-size: 12px;
font-color: black;
font-weight: bold;
line-height: 17px;
}
table.basic {
border-spacing: 0px;
border-collapse: separate;
border-top: 3px solid #cccccc;
border-bottom: 1px solid #FFFFFF;
line-height: 16px;
}
table.basic caption {
background: none #bbbbbb;
color: #FFFFFF;
font-size: 14px;
padding: 5px 11px 5px 11px;
text-align: center;
}
table.basic tr:hover {
background: none !important;
}
table.basic thead {
color: #333333;
}
table.basic th, table.basic .title {
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #cccccc;
font-weight: bold;
padding: 3px 6px 3px 0px;
white-space: nowrap;
text-align: left;
}
table.basic tbody th {;
}
table.basic td {
background: none !important;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #cccccc;
padding: 3px 8px 3px 0px !important;
line-height: 16px !important;
}
table.basic thead {
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #cccccc;
padding: 3px 6px 3px 0px;
white-space: nowrap;
}
table.basic td p {
padding-bottom: 3px;
padding-top: 3px;
}
table.style1 {
border: 5px solid #DDDDDD;
}
table.style1 caption {
background: none #959595;
color: #FFFFFF;
font-size: 14px;
padding: 5px 11px 5px 11px;
text-align: left;
}
table.style1 tr:hover {
background: url('../icons/bck_black_10.png');
}
table.style1 th {
background: #DDDDDD;
border-bottom: 1px solid #FFFFFF;
line-height: 22px;
padding: 4px 6px 4px 6px;
color: #333333;
text-align: left;
}
table.style1 thead th {
padding-top: 2px;
}
table.style1 thead td {
background: #DDDDDD;
border-bottom: 1px solid #FFFFFF;
text-align: left;
line-height: 22px;
padding: 2px 6px 4px 6px;
white-space: nowrap;
}
table.style1 tbody th, table.style1 tbody .title {
background: url('../icons/bck_black_5.png');
font-weight: bold;
white-space: nowrap;
color: #666666;
}
table.style1 td {
background: url('../icons/bck_white_75.png');
border-bottom: 1px solid #DDDDDD;
line-height: 22px;
padding: 4px 6px 4px 6px;
}
table.style1 .icon16 {
margin-top: 3px;
margin-bottom: 3px;
}
table.style1 td.vcenter {
vertical-align: middle;
}
table.style1 td p {
padding-bottom: 3px;
padding-top: 3px;
}
.chart-wrap table {
border: 5px solid #DDDDDD;
}
.chart-wrap caption {
background: none #959595;
color: #FFFFFF;
font-size: 14px;
padding: 5px 11px 5px 11px;
text-align: left;
}
.chart-wrap tr:hover {
background: url('../icons/bck_black_10.png');
}
.chart-wrap th {
background: #DDDDDD;
border-bottom: 1px solid #FFFFFF;
text-align: left;
line-height: 22px;
padding: 4px 6px 4px 6px;
color: #333333;
white-space: nowrap;
}
.chart-wrap thead th {
padding-top: 2px;
}
.chart-wrap thead td {
background: #DDDDDD;
border-bottom: 1px solid #FFFFFF;
text-align: left;
line-height: 22px;
padding: 2px 6px 4px 6px;
white-space: nowrap;
}
.chart-wrap tbody th {
background: url('../icons/bck_black_5.png');
font-weight: bold;
white-space: nowrap;
color: #666666;
}
.chart-wrap td {
background: url('../icons/bck_white_75.png');
border-bottom: 1px solid #DDDDDD;
line-height: 22px;
padding: 4px 6px 4px 6px;
}
table .vcenter {
vertical-align: middle;
}
table .full {
width: 100%;
}
table .value {
color: #47AB00;
}
table .nowrap {
white-space: nowrap;
}
table.podcast td {
line-height: 14px !important;
}
/*** forms ***/
form {
width: 100%;
}
label {
line-height: 22px;
cursor: pointer;
}
label:hover {
color: #333333;
}
input.checkbox {
display: box;
position: relative;
left: 1px;
top: 1px;
cursor: pointer;
}
input.radio {
display: inline;
position: relative;
top: 2px;
left: -1px;
}
input.text {
display: inline;
border: 1px solid #B8B8B8;
font-size: 12px;
font-family: arial;
color: #333333;
height: 16px;
padding: 2px 4px 2px 4px;
}
input.submit {
display: inline;
border-width: 0px;
font-size: 11px;
font-family: arial;
color: #FFFFFF;
font-weight: bold;
cursor: pointer;
background: url('../icons/button_glas1.png') center center repeat-x #333333;
padding: 3px 10px 3px 10px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
input.form-file {
display: inline;
height: auto;
font-size: 12px !important;
}
select {
display: inline;
border: 1px solid #B8B8B8;
font-size: 12px;
font-family: arial;
color: #333333;
padding: 2px;
}
textarea {
display: inline;
border: 1px solid #B8B8B8;
font-size: 12px;
font-family: arial;
color: #333333;
padding: 4px;
}
.form-label {
display: block;
/*width: 130px;*/
}
.form-field {
padding-bottom: 5px;
}
span.required {
color: #FF0000;
/*font-weight: bold;*/
}
label.error {
color: #FF0000;
}
/*** page navigation ***/
.tab-footer {
width: auto;
padding-bottom: 10px;
margin-top: -10px;
}
.pager {
font-size: 11px;
line-height: 20px;
}
.pager a {
display: block;
float: left;
}
.pager .nav {
display: block;
float: left;
}
.pager .nav a {
width: 20px;
height: 20px;
border: 1px solid #dddddd;
border-bottom: 1px solid #cccccc;
}
.pager .nav a span {
display: block;
font-size: 0%;
visibility: hidden;
text-indent: -9999px;
}
.pager a.first {
background: url('../icons/arrow_leftend_off.png') center center no-repeat;
border-right-width: 0px;
-moz-border-radius: 3px 0px 0px 3px;
-webkit-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
}
.pager a.first:hover {
background: url('../icons/arrow_leftend_ovr.png') center center no-repeat;
}
.pager a.previous {
background: url('../icons/arrow_left_off.png') center center no-repeat;
border-left-width: 0px;
-moz-border-radius: 0px 3px 3px 0px;
-webkit-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
}
.pager a.previous:hover {
background: url('../icons/arrow_left_ovr.png') center center no-repeat;
}
.pager a.last {
background: url('../icons/arrow_rightend_off.png') center center no-repeat;
border-left-width: 0px;
-moz-border-radius: 0px 3px 3px 0px;
-webkit-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
}
.pager a.last:hover {
background: url('../icons/arrow_rightend_ovr.png') center center no-repeat;
}
.pager a.next {
background: url('../icons/arrow_right_off.png') center center no-repeat;
border-right-width: 0px;
-moz-border-radius: 3px 0px 0px 3px;
-webkit-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
}
.pager a.next:hover {
background: url('../icons/arrow_right_ovr.png') center center no-repeat;
}
.pager .pages {
display: block;
float: left;
margin: 0px 4px 0px 4px;
font-weight: bold;
}
.pager .pages a {
min-width: 20px;
margin: 0px 1px 0px 1px;
background: url("../icons/button_glas2.png") repeat-x center center #EEEEEE;
text-align: center;
border: 1px solid #dddddd;
border-bottom: 1px solid #cccccc;
color: #333333;
text-decoration: none;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.pager .pages a span {
padding: 0px 2px 0px 2px;
}
.pager .pages a:hover {
background: url('../icons/bck_white_50.png');
color: #00A5C4;
text-decoration: none;
}
.pager .pages a.active {
background: url('../icons/page_active.gif');
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
border-width: 0px;
line-height: 22px;
min-width: 22px;
}
/*** notifications ***/
.notification {
border: 1px solid #666666;
border-radius: 3px;
display: block;
margin-bottom: 15px;
overflow: hidden;
padding: 9px 0px 4px 0px;
position: relative;
z-index: 1;
zoom: 1;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.notification a.close {
display: block;
width: 11px;
height: 11px;
background: url('../icons/ico_close_off.png') top left no-repeat;
font-size: 0%;
text-indent: -9999px;
position: absolute;
top: 3px;
right: 3px;
}
.notification a.close:hover {
background: url('../icons/ico_close_ovr.png') top left no-repeat;
}
.notification p {
color: #333333;
line-height: 16px;
padding: 0px 25px 5px 42px !important;
}
.note-error {
background: url('../icons/ico_error.png') 2px 0px no-repeat #FAE2E3;
border-color: #EC9B9B;
}
.note-success {
background: url('../icons/ico_success.png') 2px 0px no-repeat #DFFAD3;
border-color: #72CB67;
}
.note-info {
background: url('../icons/ico_info.png') 2px 0px no-repeat #DDE9F7;
border-color: #50B0EC;
}
.note-attention {
background: url('../icons/ico_attention.png') 2px 0px no-repeat #FFFAC6;
border-color: #D3C200;
}
/*** footer ***/
.footer {
color: #BBBBBB;
width: 100%;
min-width: 1000px;
font-size: 12px;
padding: 30px 0px 30px 0px;
background: #b0130d;
border-top: 4px solid #ffffff;
position:relative;
background: url('/sam/footer-bg.png') center top repeat-x;
}
.footer .pagesize {
text-align: center;
}
.footer a {
font-weight: bold;
}
.footer .copy a {
color: #3793d2;
}
.footer .copy a:hover {
color: #333;
}
.footer strong {
color: #FFFFFF;
}
/* *********************************************************************
* DataTables Styles
* *********************************************************************/
.dataTables_wrapper {;
}
.dataTables_wrapper table {
width: 100% !important;
margin: 0px 0px 20px 0px;
}
.dataTables_wrapper .dataTables_length {
float: left;
margin: 0px 0px 15px 0px;
}
.dataTables_wrapper .dataTables_filter {
float: right;
margin: 0px 0px 15px 0px;
}
.dataTables_wrapper .dataTables_filter input {
display: inline;
border: 1px solid #B8B8B8;
font-size: 12px;
font-family: arial;
color: #333333;
height: 16px;
padding: 2px 4px 2px 4px;
}
.datatable {
clear: both;
}
.datatable thead th.sorting {
cursor: pointer;
padding-right: 25px;
}
.datatable thead th.sorting_desc {
cursor: pointer;
padding-right: 25px;
background: url('../icons/arrow_sm_black_top.gif') center right no-repeat #eeeeee;
}
.datatable thead th.sorting_asc {
cursor: pointer;
padding-right: 25px;
background: url('../icons/arrow_sm_black_down.gif') center right no-repeat #eeeeee;
}
.dataTables_wrapper .dataTables_paginate {
float: right;
font-size: 11px;
line-height: 20px;
margin-top: -10px;
padding-bottom: 10px;
}
.dataTables_wrapper .dataTables_paginate span {
display: block;
float: left;
}
.dataTables_wrapper .dataTables_paginate .nav a {
width: 22px;
height: 22px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_active {
cursor: pointer;
width: 20px;
background: url('../icons/button_glas2.png') center center repeat-x #eeeeee;
text-align: center;
color: #333333;
font-weight: bold;
text-decoration: none;
margin: 0px 1px 0px 1px;
border: 1px solid #dddddd;
border-bottom: 1px solid #cccccc;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
background-color: #FFFFFF;
color: #00A5C4;
text-decoration: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_active {
background: url('../icons/button_glas1.png') center center repeat-x #333333;
border-width: 0px;
line-height: 22px;
width: 22px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
width: 22px !important;
}
.dataTables_wrapper .dataTables_paginate .first {
background: url('../icons/arrow_leftend_off.png') center center no-repeat !important;
margin: 0px 0px 0px 0px;
text-indent: -9999px;
border-right-width: 0px;
-moz-border-radius: 3px 0px 0px 3px;
-webkit-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
}
.dataTables_wrapper .dataTables_paginate .first:hover {
background: url('../icons/arrow_leftend_ovr.png') center center no-repeat !important;
text-indent: -9999px;
}
.dataTables_wrapper .dataTables_paginate .previous {
background: url('../icons/arrow_left_off.png') center center no-repeat !important;
margin: 0px 4px 0px 0px;
text-indent: -9999px;
border-left-width: 0px;
-moz-border-radius: 0px 3px 3px 0px;
-webkit-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
}
.dataTables_wrapper .dataTables_paginate .previous:hover {
background: url('../icons/arrow_left_ovr.png') center center no-repeat !important;
text-indent: -9999px;
}
.dataTables_wrapper .dataTables_paginate .last {
background: url('../icons/arrow_rightend_off.png') center center no-repeat !important;
margin: 0px 0px 0px 0px;
text-indent: -9999px;
border-left-width: 0px;
-moz-border-radius: 0px 3px 3px 0px;
-webkit-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
}
.dataTables_wrapper .dataTables_paginate .last:hover {
background: url('../icons/arrow_rightend_ovr.png') center center no-repeat !important;
text-indent: -9999px;
}
.dataTables_wrapper .dataTables_paginate .next {
background: url('../icons/arrow_right_off.png') center center no-repeat !important;
margin: 0px 0px 0px 4px;
text-indent: -9999px;
border-right-width: 0px;
-moz-border-radius: 3px 0px 0px 3px;
-webkit-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
}
.dataTables_wrapper .dataTables_paginate .next:hover {
background: url('../icons/arrow_right_ovr.png') center center no-repeat!important;
text-indent: -9999px;
}
/* *********************************************************************
* Modal window
* *********************************************************************/
.pagetop .modal-window, .main .modal-window, .footer .modal-window {
display: none;
}
.modal-window {
width: auto;
}
.modal-window p {
padding-bottom: 20px;
line-height: 16px;
}
.modal-400 {
width: 400px;
}
.modal-600 {
width: 600px;
}
.modal-800 {
width: 800px;
}
#fancybox-img {
width: auto !important;
}
/* *********************************************************************
* WYSIWYG
* *********************************************************************/
.jwysiwyg {
min-height: 200px;
}
.tinymce {
min-height: 350px;
}
.wysiwyg {
width: auto !important;
margin-bottom: 20px;
}
.wysiwyg iframe {
width: 100% !important;
}
.mceEditor {
display: block;
margin-bottom: 20px;
}
.mceContentBody, table.mceLayout {
width: 100% !important;
}
/* *********************************************************************
* Quick edit
* *********************************************************************/
.edit-field textarea {
width: 95% !important;
}
.edit-field input {
width: auto !important;
display: block;
border: 1px solid #B8B8B8;
font-size: 12px;
font-family: arial;
color: #333333;
height: 16px;
padding: 2px 4px 2px 4px;
}
.long input {
width: 95% !important;
}
/* *********************************************************************
* Gallery
* *********************************************************************/
.gallery {
background: #FFFFFF;
color: #333333;
display:block;
padding: 10px 10px 10px 10px;
margin-bottom: 15px;
border: 1px solid #DDDDDD;
border-bottom: 1px solid #CCCCCC;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.gallery li {
display: inline-block;
float: left;
vertical-align: top;
}
.gal-large li {
width: 88px;
margin: 5px 5px 0px 5px;
padding-bottom: 10px;
}
.gal-large .thumb {
display: block;
width: 80px;
height: 80px;
border: 1px solid #BBBBBB;
padding: 3px;
background: #FFFFFF;
margin-bottom: 4px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.gal-large .title {
color: #333333;
display: block;
font-size: 11px;
line-height: 18px;
padding: 0px 6px 0px 6px;
background: url('../icons/ui-bg_glass_100_f6f6f6_1x400.png') left center repeat-x;
border: 1px solid #DDDDDD;
border-bottom: 1px solid #CCCCCC;
text-align: center;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.gal-large .title .wrap {
display: block;
white-space: nowrap;
overflow: hidden;
}
.gal-large li:hover .title {
color: #FFFFFF;
height: 20px;
position: relative;
border-width: 0px;
padding: 0px;
}
.gal-large li:hover .wrap {
padding: 0px 6px 0px 6px;
border: 1px solid #333333;
min-width: 74px;
overflow: visible;
position: absolute;
top: 0px;
left: 0px;
background: #333333;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.gal-small {
padding: 8px;
}
.gal-small li {
width: 56px;
margin: 3px 3px 0px 3px;
padding-bottom: 5px;
}
.gal-small .thumb {
display: block;
width: 48px;
height: 48px;
border: 1px solid #BBBBBB;
padding: 3px;
background: #FFFFFF;
margin-bottom: 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.gal-footer {
padding-bottom: 20px;
}
/* **************************
* Custom contents
* **************************/
/* user boxes */
.online-user {
padding-bottom: 15px;
}
.online-user .mark {
padding-bottom: 10px;
margin-bottom: 5px;
}
.online-user .avatar {
width: 50px;
float: left;
margin-right: 10px;
border: 2px solid #DDDDDD;
}
.online-user .avatar img {
display: block;
width: 48px;
height: 48px;
padding: 1px 1px 0px 1px;
background: #FFFFFF;
border-bottom: 0px;
}
.online-user .desc {
margin-left: 64px;
}
.online-user ul.links {
float: right;
}
.online-user ul.links li {
float: left;
margin-left: 5px;
}
.online-user ul.links .graph {
display: block;
width: 16px;
height: 16px;
background: url('../icons/ico_graph_16_off.png') 0 0 no-repeat;
text-indent: -9999px;
}
.online-user ul.links .graph:hover {
background: url('../icons/ico_graph_16_ovr.png') 0 0 no-repeat;
}
.online-user ul.links .cart {
display: block;
width: 16px;
height: 16px;
background: url('../icons/ico_shopping_16_off.png') 0 0 no-repeat;
text-indent: -9999px;
}
.online-user ul.links .cart:hover {
background: url('../icons/ico_shopping_16_ovr.png') 0 0 no-repeat;
}
.online-user ul.links .hist {
display: block;
width: 16px;
height: 16px;
background: url('../icons/ico_history_16_off.png') 0 0 no-repeat;
text-indent: -9999px;
}
.online-user ul.links .hist:hover {
background: url('../icons/ico_history_16_ovr.png') 0 0 no-repeat;
}
.online-user ul.links .mesg {
display: block;
width: 16px;
height: 16px;
background: url('../icons/envelope_off.png') 0 0 no-repeat;
text-indent: -9999px;
}
.online-user ul.links .mesg:hover {
background: url('../icons/envelope_ovr.png') 0 0 no-repeat;
}
.online-user ul.links .male {
display: block;
width: 16px;
height: 16px;
background: url('../icons/user_male.png') 0 0 no-repeat;
text-indent: -9999px;
cursor: help;
}
.online-user ul.links .female {
display: block;
width: 16px;
height: 16px;
background: url('../icons/user_female.png') 0 0 no-repeat;
text-indent: -9999px;
cursor: help;
}
.online-user p {
padding-bottom: 5px;
color: #959595;
}
.online-user p.status {
color: #ffffff;
font-size: 10px;
font-weight: bold;
line-height: 14px;
text-align: center;
padding: 0px 0px 2px 0px;
background: #333333;
margin: 0px 1px 1px 1px;
}
.online-user p.admin {
color: #D3FF77;
}
.online-user .info {
color: #333333;
padding-bottom: 0px;
}
/* links with icons */
.icon-links {
margin-bottom: 10px;
}
.icon-links li {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px dashed #dddddd;
}
.icon-links li.lastlnk {
padding-bottom: 10px;
margin-bottom: 0px;
border-bottom-width: 0px;
}
.icon-links .icon {
width: 48px;
height: 48px;
float: left;
background: url('../icons/bck_icon48_dark.png') 0 0 no-repeat;
padding: 6px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.icon-links a span {
margin-left: 70px;
display: block;
font-size: 13px;
padding-top: 6px;
font-weight: bold;
}
.icon-links a:hover span {
text-decoration: underline;
}
.icon-links p {
margin-left: 70px;
padding-bottom: 0px;
padding-top: 5px;
}
/* event list */
.event-list {;
}
.event-list .priority-high {
display: block;
width: 16px;
height: 16px;
background: url('../icons/ball_red_16.png') center left no-repeat;
float: left;
text-indent: -9999px;
cursor: help;
}
.event-list .priority-normal {
display: block;
width: 16px;
height: 16px;
background: url('../icons/ball_yellow_16.png') center left no-repeat;
float: left;
text-indent: -9999px;
cursor: help;
}
.event-list .priority-low {
display: block;
width: 16px;
height: 16px;
background: url('../icons/ball_blue_16.png') center left no-repeat;
float: left;
text-indent: -9999px;
cursor: help;
}
.event-list ul {
padding-bottom: 10px;
padding-right: 2px;
margin-top: -5px;
}
.event-list li {
width: 100%;
float: left;
clear: both;
border: 1px solid #DDDDDD;
background: #E9E9E9;
border-bottom: 1px solid #CCCCCC;
margin-top: 5px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.event-list .event-list-title {
display: block;
background: url('../icons/ui-bg_glass_100_f6f6f6_1x400.png') center center repeat-x #ffffff;
line-height: 16px;
padding: 3px 4px 3px 4px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.event-list .event-list-title a {
font-weight: bold;
}
.event-list .event-edit {
display: block;
float: right;
margin-left: 5px;
width: 16px;
height: 16px;
background: url('../icons/ico_edit_16.png') center center no-repeat;
text-indent: -9999px;
}
.event-list .event-date {
color: #333333;
font-size: 11px;
line-height: 14px;
display: block;
float: right;
margin-left: 5px;
margin-top: 2px;
}
.event-list .event-link {
display: block;
margin: 0px 0px 0px 21px;
}
.event-list .event-note {
font-size: 11px;
line-height: 14px;
padding: 5px 6px 5px 6px;
}
/* event calendar */
.event-calendar {;
}
.event-calendar .datepicker-inline {
padding-bottom: 5px;
}
.event-calendar .add-event {
padding-bottom: 10px;
}
.event-calendar .event-date {
float: left;
}
.event-calendar .event-form {
margin: 0px -20px 0px -20px;
padding-top: 10px;
}
.event-calendar .event-wrap {
width: 100%;
border-bottom: 1px solid #fff;
background: url('../icons/rule.gif') top left repeat-x #E9E9E9;
padding: 22px 0px 10px 0px;
}
.event-calendar .event-form .form-field {
padding-left: 20px;
padding-right: 20px;
}
.event-calendar .title {
width: 256px;
}
.event-calendar .event {
width: 256px;
}
/* articles and categories */
.article-detail-body {
margin: 0px 125px 0px 195px;
}
.categories span.item {
position: relative;
}
.categories span.item:hover {
background-color: #ffffff;
color: #333333;
}
.categories .cat-links {
display: block;
position: absolute;
top: 2px;
right: 2px;
}
.categories .cat-links a {
display: block;
float: left;
margin-left: 3px;
}
.categories .cat-edit {
width: 16px;
height: 16px;
text-indent: -9999px;
background: url('../icons/ico_edit_12.png') center center no-repeat;
}
.categories .cat-del {
width: 16px;
height: 16px;
text-indent: -9999px;
background: url('../icons/ico_delete_12.png') center center no-repeat;
}
.add-category .title {
width: 234px;
}
.add-category .cat-descr {
width: 234px;
}
.add-category .cat-parent {
width: 100%;
}
/**custom**/
.unsuccessfulProccess{
color:#f00;
font-style:oblique;
}
.button.disappear {
display:none;
}
/*** main menu hor ***/
.menuhor ul {
font-size: 13px;
list-style: none;
margin: 0 0 0 0;
}
.menuhor li {
display:block
float: center;
margin-right: 0px;
padding-bottom: 5px;
position: static;
width: 160px;
}
.menuhor li a {
display: block;
height: 15px;
line-height: 16px;
padding: 5px 5px 5px 5px;
background: url('../icons/button_glas1.png') center center repeat-x #00beff;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
text-shadow: 1px 1px 1px #333333;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.menuhor li.sam a {
display: block;
height: 15px;
line-height: 16px;
padding: 5px 5px 5px 5px;
background: url('../icons/button_glas1.png') center center repeat-x #00beff;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
text-shadow: 1px 1px 1px #333333;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.menuhor li a:hover {
background: url('../icons/button_glas1_ovr.png') center center repeat-x #F90;
}
.menuhor li.active a {
background: #ffffff;
color: #333333;
text-shadow: 1px 1px 1px #BBBBBB;
}
.menuhor ul ul {
display: none;
font-size: 12px;
position: static;
top: 33px;
left: 0px;
background: url('../icons/bck_white_95.png');
padding: 8px 0px 12px 0px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-moz-box-shadow: 1px 2px 2px #888888;
-webkit-box-shadow: 1px 2px 2px #888888;
box-shadow: 1px 2px 2px #888888; /* IE7 hack */
*border-right: 1px solid #BBBBBB;
*border-bottom: 1px solid #BBBBBB; /* IE8 hack */
border-right: 1px solid #BBBBBB\0/;
border-bottom: 1px solid #BBBBBB\0/;
}
.menuhor li:hover ul {;
}
.menuhor li:hover ul ul {
display: none;
position: static;
top: -8px;
left: 151px;
}
.menuhor li li:hover ul {;
}
.menuhor li li {
padding: 0px 0px 0px 0px;
margin: 0px;
float: none;
}
.menuhor li li a {
padding: 4px 12px 4px 22px !important;
background: url('../icons/arrow_sm_grey.gif') 12px 10px no-repeat !important;
font-weight: normal;
color: #959595!important;
text-shadow: none !important;
}
.menuhor li li a:hover {
color: #333333!important;
background: url('../icons/arrow_sm_black.gif') 12px 10px no-repeat !important;
}
.menuhor li li:hover a {
color: #333333!important;
background: url('../icons/arrow_sm_black.gif') 12px 10px no-repeat !important;
}
.menuhor li li:hover li a {
color: #959595!important;
background: url('../icons/arrow_sm_grey.gif') 12px 10px no-repeat !important;
}
.menuhor li li:hover li a:hover {
color: #333333!important;
background: url('../icons/arrow_sm_black.gif') 12px 10px no-repeat !important;
}
.menuhor li li.active a {
color: #333333!important;
background: url('../icons/arrow_sm_black.gif') 12px 10px no-repeat !important;
font-weight: bold;
}
.menuhor li li.active li a {
color: #959595!important;
background: url('../icons/arrow_sm_grey.gif') 12px 10px no-repeat !important;
font-weight: normal;
}
.menuhor li li.active li a:hover {
color: #333333!important;
}
.menuhor li li li.active a {
color: #333333!important;
background: url('../icons/arrow_sm_black.gif') 12px 10px no-repeat !important;
font-weight: bold;
}
.menuhor li li a, #nav li li a:visited {
width: 130px;
color: #999;
float: none;
margin: 0px 0px 0px -1px;
padding: 7px 10px 7px 10px;
}
.menuhor li li a:hover, .menuhor li li a:active {
background: #000;
color: #fff;
padding: 7px 10px 7px 10px;
}
.menuhor li ul {
z-index: 9999;
position: static;
left: -999em;
height: auto;
width: 100px;
margin: 0px;
padding: 0px;
}
.menuhor li li {
}
.menuhor li ul a {
width: 100px;
}
.menuhor li ul a:hover, .menuhor li ul a:active {
}
.menuhor li ul ul {
margin: -29px 0 0 130px;
}
/* TRANSMENU CSS SUBMENUS*/
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
position:absolute;
overflow:hidden;
left:-1000px;
top:-1000px;
}
/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
position:relative;
}
/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
position:relative;
left:0px; top:0px;
z-index:2;
text-indent:5px;
}
.transMenu.top .items {
border-top:none;
}
/* each TR.item is one menu item */
.transMenu .item{
font-size:11px;
text-decoration:none;
font-weight:bold;
margin: 0px;
display:block;
/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
border:none;
cursor:pointer;
cursor:hand;
border-bottom: 1px solid #000;
}
/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
position:absolute;
left:0px; top:0px;
z-index:1;
-moz-opacity:.9;
filter:alpha(opacity=90);
}
/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
position:absolute;
z-index:3;
top:3px; width:2px;
-moz-opacity:.4;
filter:alpha(opacity=40);
}
/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
position:absolute;
z-index:1;
left:3px; height:2px;
-moz-opacity:.4;
filter:alpha(opacity=40);
}
/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
background: #3582b8;
}
.transMenu .item.hover td {color:#d3d6d8;}
/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
margin-left:10px;
}
.transMenu .item#active {
background:#e26165;
color:white;
-moz-opacity:.8;
filter:alpha(opacity=80);
}
.transMenu .item#active.hover {
background:#3582b8;
}
.transMenu .item td{
color:#000;
font-weight:bold;
}
/* For first level menu.*/
#wrap {
margin: 0px;
padding: 0px;
}
#menu {
}
.mainlevel-nolink {
font-family: Tahoma, Helvetica, sans-serif;
text-decoration:none;
font-size: 11px;
font-weight:bold;
color:#FFFFFF;
white-space:nowrap;
line-height: 26px;
border-right: 1px solid #FFF;
display: block;
height: 26px;
width:auto;
margin: 0px;
padding: 0px 18px 0px 20px;
}
a.mainlevel-trans:link, a.mainlevel-trans:visited {
font-family: Tahoma, Helvetica, sans-serif;
text-decoration:none;
font-size: 11px;
font-weight:bold;
color:#000;
white-space:nowrap;
line-height: 26px;
border-right: 1px solid #FFF;
display: block;
height: 26px;
width:auto;
margin: 0px;
padding: 0px 15px 0px 29px;
}
a.mainlevel-trans:hover {
color:#ffffff;
}
a.mainlevel_active-trans, a.mainlevel_active-trans:visited {
font-family: Tahoma, Helvetica, sans-serif;
text-decoration:none;
font-size: 11px;
font-weight:bold;
color:#3582b8;
white-space:nowrap;
line-height: 26px;
border-right: 1px solid #FFF;
display: block;
height: 26px;
width:auto;
margin: 0px;
padding: 0px 15px 0px 29px;
background: url(/img/arrow.png) 12px 10px no-repeat;
}
a.mainlevel_active-trans:hover {
color:#ffffff;
}
.bios img {
width: 105px;
height: 130px;
padding: 0px 5px 0px 0px;
float:left;
}
/* End added */
/* Headings */
/* Text elements */
ul {
margin: 0 0 0 1.2em;
}
ol {
margin: 0 0 1.625em 2.5em;
padding: 0;
}
ul {
list-style: square;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}
dl {
margin: 0 1.625em;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.625em;
}
strong {
font-weight: bold;
}
cite, em, i {
font-style: italic;
}
blockquote {
font-family: Georgia, "Bitstream Charter", serif;
font-style: italic;
font-weight: normal;
margin: 3em 3em;
}
blockquote em, blockquote i, blockquote cite {
font-style: normal;
}
blockquote cite {
color: #666;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: 0.05em;
text-transform: uppercase;
}
pre {
background: #f4f4f4;
font: 13px "Courier 10 Pitch", Courier, monospace;
line-height: 1.5;
margin-bottom: 1.625em;
overflow: auto;
padding: 0.75em 1.625em;
}
code, kbd {
font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
border-bottom: 1px dotted #666;
cursor: help;
}
address {
display: block;
margin: 0 0 1.625em;
}
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
.blockquote {
padding-top: 0px;
overflow: hidden;
/* clearfix alternative */
font-size: 15px;
font-style:italic;
line-height: 16px;
padding-bottom:5px;
color: #454545;
}
.blockquote:before {
display: bock;
float: left;
margin: 5px 10px 0 0l;
font-size: 50px;
content: open-quote;
color: #bababa;
text-shadow: 0 1px 1px #909090;
}
.blockquote:after {
content: none;
/* could be content:close-quote; */
}
/* Images */
.entry-content img,
.comment-content img,
.widget img {
max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large {
max-width: 97.5%;
width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 0.625em;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.625em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.625em;
}
img.aligncenter {
display: inline;
margin-left: 1.625em;
margin-right: 1.625em;
}
.wp-caption {
margin-top: 0.4em;
}
.wp-caption {
background: #eee;
margin-bottom: 1.625em;
max-width: 96%;
padding: 9px;
}
.wp-caption img {
display: block;
margin: 0 auto;
max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
color: #666;
font-family: Georgia, serif;
font-size: 12px;
}
.wp-caption .wp-caption-text {
margin-bottom: 0.6em;
padding: 10px 0 5px 40px;
position: relative;
}
.wp-caption .wp-caption-text:before {
color: #666;
content: '\2014';
font-size: 14px;
font-style: normal;
font-weight: bold;
margin-right: 5px;
position: absolute;
left: 10px;
top: 7px;
}
#content .gallery {
margin: 0 auto 1.625em;
}
#content .gallery a img {
border: none;
}
img#wpstats {
display: block;
margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
width: 23%;
padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
width: 100%;
height: auto;
}
/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
border: 1px solid #ddd;
padding: 6px;
}
.wp-caption img {
border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
background: #eee;
border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
background: #fff;
border-color: #ddd;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
}
/* Simplify the showcase template when small feature */
.one-column section.featured-post .attachment-small-feature {
border: none;
display: block;
height: auto;
max-width: 60%;
position: static;
}
.one-column article.feature-image.small {
margin: 0 0 1.625em;
padding: 0;
}
.one-column article.feature-image.small .entry-title {
font-size: 20px;
line-height: 1.3em;
}
.one-column article.feature-image.small .entry-summary {
height: 150px;
overflow: hidden;
padding: 0;
text-overflow: ellipsis;
}
.one-column article.feature-image.small .entry-summary a {
left: -9%;
}
/* Remove the margin on singular articles */
.one-column.singular .entry-header,
.one-column.singular .entry-content,
.one-column.singular footer.entry-meta,
.one-column.singular #comments-title {
width: 100%;
}
/* Simplify the pullquotes and pull styles */
.one-column.singular blockquote.pull {
margin: 0 0 1.625em;
}
.one-column.singular .pull.alignleft {
margin: 0 1.625em 0 0;
}
.one-column.singular .pull.alignright {
margin: 0 0 0 1.625em;
}
.one-column.singular .entry-meta .edit-link a {
position: absolute;
left: 0;
top: 40px;
}
.one-column.singular #author-info {
margin: 2.2em -8.8% 0;
padding: 20px 8.8%;
}
/* Make sure we have room for our comment avatars */
.one-column .commentlist > li.comment {
margin-left: 102px;
width: auto;
}
/* Make sure the logo and search form don't collide */
.one-column #branding #searchform {
right: 40px;
top: 4em;
}
/* Talking avatars take up too much room at this size */
.one-column .commentlist > li.comment {
margin-left: 0;
}
.one-column .commentlist > li.comment .comment-meta,
.one-column .commentlist > li.comment .comment-content {
margin-right: 85px;
}
.one-column .commentlist .avatar {
background: transparent;
display: block;
padding: 0;
top: 1.625em;
left: auto;
right: 1.625em;
}
.one-column .commentlist .children .avatar {
background: none;
padding: 0;
position: absolute;
top: 2.2em;
left: 2.2em;
}
.one-column #respond {
width: auto;
}
div.entry-content p {
margin-top: 14px;
margin-bottom: 14px;
}
div.col3-4b div.lastcol p {
margin-top: 14px;
margin-bottom: 14px;
}
td.style3 p {
margin-top: 4px !important;
margin-bottom: 4px !important;
line-height: 12px;
}
td.style9 p {
margin-top: 1px !important;
margin-bottom: 1px !important;
}
table.none {
width: 476px;
margin: 5px;
margin-bottom: 5px;
padding: 5px 5px 5px 5px;
text-align: right;
}
table.none td {
margin: 0px;
margin-bottom: 20px;
padding: 0px 0px 0px 0px;;
}
table.tablewebinars td {
background: none !important;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #cccccc;
padding: 10px 10px 10px 10px !important;
line-height: 16px !important;
}
.menu li:last-child a {
display: block;
line-height: 14px;
padding: 6px 20px 6px 20px;
background: url('../icons/button_glas1.png') center center repeat-x #00beff;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
text-shadow: 1px 1px 1px #333333;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.menu li:last-child a:hover {
background: url('../icons/button_glas1_ovr.png') center center repeat-x #F90;
}
.lcp_date {
float: left;
background: #545363;
width: 45px;
color: White;
text-align: center;
margin-right: 6px;
padding-bottom: 3px;
border: 1px solid Black;
}
.wp_wall{
padding: 7px 5px 10px 5px !important;
font-size: 12px;
line-height: 15px;
border: 2px solid #FFFFFF;
background: #F5F5F5;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px; }
}
hr {
border: 0px currentColor; height: 1px; clear: both;
}
ul.lcp_catlist li {
list-style-type: none;
line-height: 14px;
padding:0px 0px 19px 0px;
margin: -10px 0px 0px -10px;
}
.dsq-dc-logo {
display: none; /* Turns off display of disqus logo */
}
#dsq-content #dsq-comments .dsq-comment-footer {
display: none; /* Turns off comment footer */
}
table.style2 {
border: 5px solid #DDDDDD;
table-layout:fixed;
width:100% !important;
}
table.style2 caption {
background: none #959595;
color: #FFFFFF;
font-size: 14px;
padding: 5px 6px 5px 6px;
text-align: left;
margin-left:20px;
}
table.style2 tr:hover {
background: url('../icons/bck_black_10.png');
}
table.style2 th {
background: #DDDDDD;
border-bottom: 1px solid #FFFFFF;
line-height: 22px;
padding: 4px 4px 4px 4px;
color: #333333;
margin-left:20px;
text-align: left;
}
table.style2 thead th {
padding-top: 2px;
}
table.style2 thead td {
background: #DDDDDD;
border-bottom: 1px solid #FFFFFF;
text-align: left;
line-height: 22px;
padding: 2px 4px 4px 4px;
white-space: nowrap;
}
table.style2 tbody th, table.style2 tbody .title {
background: url('../icons/bck_black_5.png');
font-weight: bold;
color: #666666;
}
table.style2 td {
background: url('../icons/bck_white_75.png');
border-bottom: 1px solid #DDDDDD;
line-height: 22px;
padding: 4px 4px 4px 4px;
}
table.style2 .icon16 {
margin-top: 3px;
margin-bottom: 3px;
}
table.style2 td.vcenter {
vertical-align: middle;
}
table.style2 td p {
padding-bottom: 3px;
padding-top: 3px;
}