מדיה ויקי:Common.css: הבדלים בין גרסאות
מתוך סייטהוד וויקי
| שורה 1: | שורה 1: | ||
#p-tb{ | #p-tb{ | ||
display:none !important; | display:none !important; | ||
| + | } | ||
| + | |||
| + | /*sitehoods:*/ | ||
| + | /* | ||
| + | Document : main | ||
| + | Created on : Feb 27, 2011, 3:53:12 PM | ||
| + | Author : Chen | ||
| + | Description: | ||
| + | Stylesheet with common definitions. | ||
| + | */ | ||
| + | /*general tags css*/ | ||
| + | body{ | ||
| + | font-family: Arial,Helvetica,sans-serif; | ||
| + | font-size: 14px; | ||
| + | margin: 0; | ||
| + | } | ||
| + | #pageContainer{ | ||
| + | width: 1000px; | ||
| + | margin-left: auto; | ||
| + | margin-bottom: 0px; | ||
| + | margin-right: auto; | ||
| + | margin-top: 0px; | ||
| + | box-shadow:0px 0px 15px #666666; | ||
| + | -webkit-box-shadow: 0px 0px 15px #666666; | ||
| + | -moz-box-shadow: 0px 0px 15px #666666; | ||
| + | } | ||
| + | #content{ | ||
| + | padding: 0 10px; | ||
| + | } | ||
| + | h1, h2, h3, h1 > a, h2 > a, h3 > a{ | ||
| + | color: #009de0; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | h1{ | ||
| + | font-size: 20px; | ||
| + | } | ||
| + | h2{ | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | h3{ | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | a{ | ||
| + | color: #005cff; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | a:hover{ | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | /*header css*/ | ||
| + | #header{ | ||
| + | height: 82px; | ||
| + | background-image: url("../../images/design/navbar-bg.jpg"); | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | #logo{ | ||
| + | vertical-align: top; | ||
| + | border: none; | ||
| + | display: inline-block; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | #logo > img { | ||
| + | border: none; | ||
| + | } | ||
| + | #loginLanguage{ | ||
| + | text-align: center; | ||
| + | position: relative; | ||
| + | } | ||
| + | #login { | ||
| + | background-color: #019ee1; | ||
| + | padding: 2px 5px; | ||
| + | white-space: nowrap; | ||
| + | position: absolute; | ||
| + | } | ||
| + | #login.rtl{ | ||
| + | left: 0; | ||
| + | } | ||
| + | #login.ltr{ | ||
| + | right: 0; | ||
| + | } | ||
| + | #login, #login > a{ | ||
| + | text-decoration: none; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | #changeLanguage{ | ||
| + | direction: ltr; | ||
| + | margin: 40px 10px 0 10px; | ||
| + | } | ||
| + | /*-----change language design-----*/ | ||
| + | /* the jquey default name was .sbHolder*/ | ||
| + | .clContainer{ | ||
| + | background-color: #FFFFFF; | ||
| + | font-family: Arial, sans-serif; | ||
| + | font-size: 12px; | ||
| + | font-weight: normal; | ||
| + | height: 30px; | ||
| + | position: relative; | ||
| + | width: 90px; | ||
| + | border-radius: 5px; | ||
| + | -moz-border-radius: 5px; | ||
| + | -webkit-border-radius: 5px; | ||
| + | } | ||
| + | /* the jquey default name was .sbSelector*/ | ||
| + | .clSelector{ | ||
| + | display: block; | ||
| + | height: 30px; | ||
| + | left: 0; | ||
| + | line-height: 30px; | ||
| + | outline: none; | ||
| + | overflow: hidden; | ||
| + | position: absolute; | ||
| + | /*text-indent: 10px;*/ | ||
| + | top: 0; | ||
| + | width: 50px; | ||
| + | } | ||
| + | .clSelector:link, .clSelector:visited, .clSelector:hover{ | ||
| + | color: #353535; | ||
| + | outline: none; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | /* the jquey default name was .sbToggle*/ | ||
| + | .clToggle{ | ||
| + | background: url(../../images/design/select-icons-new.png) 0 -116px no-repeat; | ||
| + | display: block; | ||
| + | height: 30px; | ||
| + | outline: none; | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | top: 0; | ||
| + | width: 30px; | ||
| + | } | ||
| + | .clToggle:hover{ | ||
| + | background: url(../../images/design/select-icons-new.png) 0 -167px no-repeat; | ||
| + | } | ||
| + | /* the jquey default name was .sbToggleOpen*/ | ||
| + | .clToggleOpen{ | ||
| + | background: url(../../images/design/select-icons-new.png) 0 -16px no-repeat; | ||
| + | } | ||
| + | .clToggleOpen:hover{ | ||
| + | background: url(../../images/design/select-icons-new.png) 0 -66px no-repeat; | ||
| + | } | ||
| + | /* the jquey default name was .sbHolderDisabled*/ | ||
| + | .clHolderDisabled{ | ||
| + | background-color: #3C3C3C; | ||
| + | border: solid 1px #515151; | ||
| + | } | ||
| + | /* the jquey default name was .sbOptions*/ | ||
| + | .clOptions{ | ||
| + | background-color: #ffffff; | ||
| + | border: none; | ||
| + | list-style: none; | ||
| + | left: -1px; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | position: absolute; | ||
| + | top: 30px; | ||
| + | width: 90px; | ||
| + | z-index: 1; | ||
| + | overflow-y: auto; | ||
| + | border-radius: 5px; | ||
| + | -moz-border-radius: 5px; | ||
| + | -webkit-border-radius: 5px; | ||
| + | } | ||
| + | .clOptions li{ | ||
| + | padding: 0 7px; | ||
| + | } | ||
| + | .clOptions a{ | ||
| + | border-bottom: dotted 1px #515151; | ||
| + | display: block; | ||
| + | outline: none; | ||
| + | padding: 7px 0 7px 3px; | ||
| + | } | ||
| + | .clOptions a:link, .sbOptions a:visited{ | ||
| + | color: #353535; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .clOptions a:hover{ | ||
| + | color: #019ee1; | ||
| + | } | ||
| + | .clOptions li.last a{ | ||
| + | border-bottom: none; | ||
| + | } | ||
| + | |||
| + | /* footer menu and menu css*/ | ||
| + | #footerMenu{ | ||
| + | list-style: none; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | #menu{ | ||
| + | display: inline-block; | ||
| + | height: 82px; | ||
| + | vertical-align: top; | ||
| + | list-style: none; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | border: none; | ||
| + | } | ||
| + | #menu > li, #footerMenu > li{ | ||
| + | display: inline-block; | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | } | ||
| + | #menu > li > a, #footerMenu > li > a{ | ||
| + | display: inline-block; | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | text-decoration: none; | ||
| + | text-align: center; | ||
| + | font-size: 13px; | ||
| + | vertical-align: text-bottom; | ||
| + | border: none; | ||
| + | padding: 0 20px; | ||
| + | } | ||
| + | #menu > li > a{ | ||
| + | height: 82px; | ||
| + | color: #000; | ||
| + | } | ||
| + | #menu > li > a.redText{ | ||
| + | color: red; | ||
| + | } | ||
| + | #menu > li > a:hover{ | ||
| + | background-image: url('../../images/design/navbar-bg-hover.jpg'); | ||
| + | } | ||
| + | span.navTxt{ | ||
| + | margin-top: 45px; | ||
| + | display: inline-block; | ||
| + | vertical-align: bottom; | ||
| + | } | ||
| + | span.navTxt:first-letter{ | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | /*content css*/ | ||
| + | /*------------*/ | ||
| + | /*flash slide*/ | ||
| + | #flashSlide{ | ||
| + | height: 386px; | ||
| + | } | ||
| + | /*delimiter css*/ | ||
| + | #delimiter{ | ||
| + | height: 64px; | ||
| + | padding: 0px 20px 0px 20px; | ||
| + | background: #353535; | ||
| + | } | ||
| + | #welcome{ | ||
| + | display: inline-block; | ||
| + | /*margin-top: 15px;*/ | ||
| + | } | ||
| + | /*#welcome > h1{ | ||
| + | font-size: 17px; | ||
| + | line-height: 21px; | ||
| + | color: #fff; | ||
| + | }*/ | ||
| + | #delimiter > .btn{ | ||
| + | width: 140px; | ||
| + | text-decoration: none; | ||
| + | margin: 10px 10px; | ||
| + | padding: 10px; | ||
| + | font-size: 19px; | ||
| + | } | ||
| + | |||
| + | /*---------index page articles css------------*/ | ||
| + | #articles{ | ||
| + | background-color: #cecece; | ||
| + | min-height: 350px; | ||
| + | padding: 20px 10px; | ||
| + | color: #353535; | ||
| + | } | ||
| + | /*----big articles----*/ | ||
| + | div.bigArticle{ | ||
| + | width: 468px; | ||
| + | padding: 10px 0; | ||
| + | margin: 0px 10px; | ||
| + | background-color: #353535; | ||
| + | display: inline-block; | ||
| + | color: #fff; | ||
| + | height: 173px; | ||
| + | overflow: hidden; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | div.bigArticle.left{ | ||
| + | background-color: #fff; | ||
| + | color: #353535; | ||
| + | } | ||
| + | .bigArticle p{ | ||
| + | margin: 10px 20px 0px 20px; | ||
| + | line-height: 17px; | ||
| + | } | ||
| + | .bigArticle > h2, | ||
| + | .bigArticle > h2 > a{ | ||
| + | margin: 10px 20px 0 20px; | ||
| + | overflow: hidden; | ||
| + | max-height: 39px; | ||
| + | } | ||
| + | /*----small articles-----*/ | ||
| + | div.row{ | ||
| + | display: inline-block; | ||
| + | padding-top: 20px; | ||
| + | } | ||
| + | div.smallArticle{ | ||
| + | width: 222px; | ||
| + | height: 155px; | ||
| + | display: inline-block; | ||
| + | background: #bebeb2; | ||
| + | vertical-align: top; | ||
| + | margin: 0px 10px; | ||
| + | } | ||
| + | div.smallArticle:hover{ | ||
| + | background: #ececec; | ||
| + | cursor: default; | ||
| + | } | ||
| + | .smallArticle > .icon{ | ||
| + | background: url("../../images/design/icon.png") no-repeat; | ||
| + | margin-right: 4px; | ||
| + | margin-left: 4px; | ||
| + | display: inline-block; | ||
| + | width:35px; | ||
| + | height:35px; | ||
| + | margin-top: 7px; | ||
| + | } | ||
| + | .smallArticle > h3, | ||
| + | .smallArticle > h3 > a{ | ||
| + | display: inline-block; | ||
| + | margin-right: 2px; | ||
| + | margin-left: 2px; | ||
| + | vertical-align: top; | ||
| + | font-size: 14px; | ||
| + | margin-top: 10px; | ||
| + | color: #353535; | ||
| + | width: 155px; | ||
| + | max-height: 28px; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .smallArticle > p{ | ||
| + | font-size: 12px; | ||
| + | margin-right: 5px; | ||
| + | margin-left: 5px; | ||
| + | margin-top: 0px; | ||
| + | } | ||
| + | a.readMore{ | ||
| + | background-color: #009de0; | ||
| + | color: #fff; | ||
| + | padding: 0 3px; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | /*footer css*/ | ||
| + | #linksFooter{ | ||
| + | min-height: 170px; | ||
| + | background-color: #666666; | ||
| + | padding: 10px; | ||
| + | } | ||
| + | div.linksList{ | ||
| + | display: inline-block; | ||
| + | width: 222px; | ||
| + | vertical-align: top; | ||
| + | margin: 0 10px; | ||
| + | } | ||
| + | .linksList h3{ | ||
| + | color: #fff; | ||
| + | margin-bottom: 5px; | ||
| + | cursor: default; | ||
| + | } | ||
| + | .linksList ul{ | ||
| + | padding: 0px; | ||
| + | } | ||
| + | .linksList > ul > li{ | ||
| + | list-style: none; | ||
| + | } | ||
| + | .linksList > ul > li > a{ | ||
| + | color: #fff; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | #bottomFooter{ | ||
| + | height: 64px; | ||
| + | padding-right:30px; | ||
| + | background: #353535; | ||
| + | } | ||
| + | #footerMenu{ | ||
| + | display: inline-block; | ||
| + | padding: 0px; | ||
| + | margin: 25px 0px; | ||
| + | } | ||
| + | #footerMenu > li > a{ | ||
| + | color: #fff; | ||
| + | } | ||
| + | a.firstMenuItem{ | ||
| + | text-align: right; | ||
| + | } | ||
| + | #footerLogo{ | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #footerLogo img{ | ||
| + | border: none; | ||
| + | } | ||
| + | /*--------pannel & breadcrumbs css------*/ | ||
| + | div.panelImg{ | ||
| + | height: 174px; | ||
| + | } | ||
| + | div.breadcrumbs{ | ||
| + | background-color: #000099; | ||
| + | padding: 0 20px; | ||
| + | min-height: 34px; | ||
| + | } | ||
| + | .breadcrumbs a{ | ||
| + | text-decoration: none; | ||
| + | color: #fff; | ||
| + | font-size: 12px; | ||
| + | font-weight: bold; | ||
| + | display: inline-block; | ||
| + | margin: 11px 3px; | ||
| + | } | ||
| + | /* ----article inner page css-----*/ | ||
| + | |||
| + | div.sideBarNav{ | ||
| + | min-height: 40px; | ||
| + | display: inline-block; | ||
| + | background-color: #cecece; | ||
| + | width: 206px; | ||
| + | margin: 37px 10px 20px 10px; | ||
| + | } | ||
| + | .sideBarNav > h2{ | ||
| + | color: #000000; | ||
| + | margin: 5px 15px; | ||
| + | } | ||
| + | .sideBarNav > ul{ | ||
| + | list-style: none; | ||
| + | line-height: 18px; | ||
| + | padding: 0; | ||
| + | } | ||
| + | .sideBarNav > ul > li > a{ | ||
| + | color: #000000; | ||
| + | display: inline-block; | ||
| + | width: 166px; | ||
| + | padding: 5px 20px; | ||
| + | max-width: 166px; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | /*colors the select article in the topicsList*/ | ||
| + | a.articleSelected, | ||
| + | .sideBarNav > ul > li > a:hover{ | ||
| + | color: #ffffff !important; | ||
| + | background-color: #009de0; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | div.pageContent{ | ||
| + | min-height: 350px; | ||
| + | display: inline-block; | ||
| + | margin-right: 10px; | ||
| + | width: 680px; | ||
| + | margin-left: 10px; | ||
| + | vertical-align: top; | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | div.pageContent h1{ | ||
| + | margin-bottom: 7px; | ||
| + | margin-top: 33px; | ||
| + | } | ||
| + | /*inner pages main picture css*/ | ||
| + | div.mainPic{ | ||
| + | background-color: #b9b9b9; | ||
| + | } | ||
| + | .largeImg{ | ||
| + | height: 352px; | ||
| + | width: 730px; | ||
| + | } | ||
| + | .thumbnail{ | ||
| + | height: 100px; | ||
| + | width: 100px; | ||
| + | } | ||
| + | /*------help main page css-----*/ | ||
| + | |||
| + | #helpPagesContainer{ | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | div.pageSummary{ | ||
| + | width: 304px; | ||
| + | min-height: 400px; | ||
| + | display: inline-block; | ||
| + | vertical-align: top; | ||
| + | margin: 0 10px; | ||
| + | } | ||
| + | div.pageSummary > p{ | ||
| + | line-height: 19px; | ||
| + | } | ||
| + | /*-------presentation page css---------*/ | ||
| + | .presentation{ | ||
| + | width: 960px; | ||
| + | height: 700px; | ||
| + | display: inline-block; | ||
| + | margin: 10px 10px 0px 10px; | ||
| + | } | ||
| + | .subcontent{ | ||
| + | margin: 0px 20px; | ||
| + | min-height: 45px; | ||
| + | } | ||
| + | |||
| + | /*------inner information pages css------*/ | ||
| + | .pageColumn{ | ||
| + | width: 355px; | ||
| + | margin: 0 5px; | ||
| + | } | ||
| + | |||
| + | /*--------- Hidden Input ---------------*/ | ||
| + | .hiddenInput{ | ||
| + | display: none; | ||
| + | } | ||
| + | /*news page*/ | ||
| + | .newsItem{ | ||
| + | width: 600px; | ||
| + | } | ||
| + | #theNews{ | ||
| + | margin: 24px 0 0 0; | ||
| + | } | ||
| + | .newsItemTitle{ | ||
| + | background: #c8c8c8; | ||
| + | color: #000; | ||
| + | padding: 5px 10px; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | .newsItemTitle a{ | ||
| + | color: #000; | ||
| + | text-decoration: none; | ||
| + | cursor: default; | ||
| + | } | ||
| + | .newsItemContainer{ | ||
| + | background: #efefef; | ||
| + | padding: 5px 10px; | ||
| + | margin: 0 0 20px 0; | ||
| + | } | ||
| + | .newsItemPosted{ | ||
| + | font-size: 11px; | ||
| + | color: #019ee1; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | #messagesCount.messageBlink{ | ||
| + | font-weight: bolder; | ||
| + | color: red; | ||
| + | } | ||
| + | /*pricesList*/ | ||
| + | #pricesContent{ | ||
| + | margin: 10px 20px; | ||
| + | } | ||
| + | |||
| + | /* jquery validate classes */ | ||
| + | label.error{ | ||
| + | color: red; | ||
| + | } | ||
| + | input.error, | ||
| + | select.error{ | ||
| + | background-color: red; | ||
| + | } | ||
| + | |||
| + | .my-print-div{ | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | #secondBanner{ | ||
| + | padding: 20px 20px 0; | ||
| + | background: white; /* #CECECE; */ | ||
| + | } | ||
| + | .ltrContent{ | ||
| + | direction: ltr; | ||
| + | } | ||
| + | #newsOuterContent{ | ||
| + | height: 127px; | ||
| + | overflow: hidden; | ||
| + | position: relative; | ||
| + | } | ||
| + | |||
| + | #newsInnerContent{ | ||
| + | position: absolute; | ||
| + | top: 102%; | ||
| + | left: 0; | ||
| + | width: 438px; | ||
| + | margin: 0; | ||
| + | padding: 5px 4px; | ||
} | } | ||
גרסה מתאריך 11:40, 16 בינואר 2013
#p-tb{
display:none !important;
}
/*sitehoods:*/
/*
Document : main
Created on : Feb 27, 2011, 3:53:12 PM
Author : Chen
Description:
Stylesheet with common definitions.
*/
/*general tags css*/
body{
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
margin: 0;
}
#pageContainer{
width: 1000px;
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;
margin-top: 0px;
box-shadow:0px 0px 15px #666666;
-webkit-box-shadow: 0px 0px 15px #666666;
-moz-box-shadow: 0px 0px 15px #666666;
}
#content{
padding: 0 10px;
}
h1, h2, h3, h1 > a, h2 > a, h3 > a{
color: #009de0;
text-decoration: none;
}
h1{
font-size: 20px;
}
h2{
font-size: 16px;
}
h3{
font-size: 14px;
}
a{
color: #005cff;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
/*header css*/
#header{
height: 82px;
background-image: url("../../images/design/navbar-bg.jpg");
vertical-align: top;
}
#logo{
vertical-align: top;
border: none;
display: inline-block;
text-decoration: none;
}
#logo > img {
border: none;
}
#loginLanguage{
text-align: center;
position: relative;
}
#login {
background-color: #019ee1;
padding: 2px 5px;
white-space: nowrap;
position: absolute;
}
#login.rtl{
left: 0;
}
#login.ltr{
right: 0;
}
#login, #login > a{
text-decoration: none;
color: #ffffff;
}
#changeLanguage{
direction: ltr;
margin: 40px 10px 0 10px;
}
/*-----change language design-----*/
/* the jquey default name was .sbHolder*/
.clContainer{
background-color: #FFFFFF;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: normal;
height: 30px;
position: relative;
width: 90px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
/* the jquey default name was .sbSelector*/
.clSelector{
display: block;
height: 30px;
left: 0;
line-height: 30px;
outline: none;
overflow: hidden;
position: absolute;
/*text-indent: 10px;*/
top: 0;
width: 50px;
}
.clSelector:link, .clSelector:visited, .clSelector:hover{
color: #353535;
outline: none;
text-decoration: none;
}
/* the jquey default name was .sbToggle*/
.clToggle{
background: url(../../images/design/select-icons-new.png) 0 -116px no-repeat;
display: block;
height: 30px;
outline: none;
position: absolute;
right: 0;
top: 0;
width: 30px;
}
.clToggle:hover{
background: url(../../images/design/select-icons-new.png) 0 -167px no-repeat;
}
/* the jquey default name was .sbToggleOpen*/
.clToggleOpen{
background: url(../../images/design/select-icons-new.png) 0 -16px no-repeat;
}
.clToggleOpen:hover{
background: url(../../images/design/select-icons-new.png) 0 -66px no-repeat;
}
/* the jquey default name was .sbHolderDisabled*/
.clHolderDisabled{
background-color: #3C3C3C;
border: solid 1px #515151;
}
/* the jquey default name was .sbOptions*/
.clOptions{
background-color: #ffffff;
border: none;
list-style: none;
left: -1px;
margin: 0;
padding: 0;
position: absolute;
top: 30px;
width: 90px;
z-index: 1;
overflow-y: auto;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.clOptions li{
padding: 0 7px;
}
.clOptions a{
border-bottom: dotted 1px #515151;
display: block;
outline: none;
padding: 7px 0 7px 3px;
}
.clOptions a:link, .sbOptions a:visited{
color: #353535;
text-decoration: none;
}
.clOptions a:hover{
color: #019ee1;
}
.clOptions li.last a{
border-bottom: none;
}
/* footer menu and menu css*/
#footerMenu{
list-style: none;
margin: 0;
padding: 0;
}
#menu{
display: inline-block;
height: 82px;
vertical-align: top;
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#menu > li, #footerMenu > li{
display: inline-block;
padding: 0;
margin: 0;
}
#menu > li > a, #footerMenu > li > a{
display: inline-block;
padding: 0;
margin: 0;
text-decoration: none;
text-align: center;
font-size: 13px;
vertical-align: text-bottom;
border: none;
padding: 0 20px;
}
#menu > li > a{
height: 82px;
color: #000;
}
#menu > li > a.redText{
color: red;
}
#menu > li > a:hover{
background-image: url('../../images/design/navbar-bg-hover.jpg');
}
span.navTxt{
margin-top: 45px;
display: inline-block;
vertical-align: bottom;
}
span.navTxt:first-letter{
text-transform: uppercase;
}
/*content css*/
/*------------*/
/*flash slide*/
#flashSlide{
height: 386px;
}
/*delimiter css*/
#delimiter{
height: 64px;
padding: 0px 20px 0px 20px;
background: #353535;
}
#welcome{
display: inline-block;
/*margin-top: 15px;*/
}
/*#welcome > h1{
font-size: 17px;
line-height: 21px;
color: #fff;
}*/
#delimiter > .btn{
width: 140px;
text-decoration: none;
margin: 10px 10px;
padding: 10px;
font-size: 19px;
}
/*---------index page articles css------------*/
#articles{
background-color: #cecece;
min-height: 350px;
padding: 20px 10px;
color: #353535;
}
/*----big articles----*/
div.bigArticle{
width: 468px;
padding: 10px 0;
margin: 0px 10px;
background-color: #353535;
display: inline-block;
color: #fff;
height: 173px;
overflow: hidden;
vertical-align: top;
}
div.bigArticle.left{
background-color: #fff;
color: #353535;
}
.bigArticle p{
margin: 10px 20px 0px 20px;
line-height: 17px;
}
.bigArticle > h2,
.bigArticle > h2 > a{
margin: 10px 20px 0 20px;
overflow: hidden;
max-height: 39px;
}
/*----small articles-----*/
div.row{
display: inline-block;
padding-top: 20px;
}
div.smallArticle{
width: 222px;
height: 155px;
display: inline-block;
background: #bebeb2;
vertical-align: top;
margin: 0px 10px;
}
div.smallArticle:hover{
background: #ececec;
cursor: default;
}
.smallArticle > .icon{
background: url("../../images/design/icon.png") no-repeat;
margin-right: 4px;
margin-left: 4px;
display: inline-block;
width:35px;
height:35px;
margin-top: 7px;
}
.smallArticle > h3,
.smallArticle > h3 > a{
display: inline-block;
margin-right: 2px;
margin-left: 2px;
vertical-align: top;
font-size: 14px;
margin-top: 10px;
color: #353535;
width: 155px;
max-height: 28px;
overflow: hidden;
}
.smallArticle > p{
font-size: 12px;
margin-right: 5px;
margin-left: 5px;
margin-top: 0px;
}
a.readMore{
background-color: #009de0;
color: #fff;
padding: 0 3px;
white-space: nowrap;
}
/*footer css*/
#linksFooter{
min-height: 170px;
background-color: #666666;
padding: 10px;
}
div.linksList{
display: inline-block;
width: 222px;
vertical-align: top;
margin: 0 10px;
}
.linksList h3{
color: #fff;
margin-bottom: 5px;
cursor: default;
}
.linksList ul{
padding: 0px;
}
.linksList > ul > li{
list-style: none;
}
.linksList > ul > li > a{
color: #fff;
font-size: 12px;
}
#bottomFooter{
height: 64px;
padding-right:30px;
background: #353535;
}
#footerMenu{
display: inline-block;
padding: 0px;
margin: 25px 0px;
}
#footerMenu > li > a{
color: #fff;
}
a.firstMenuItem{
text-align: right;
}
#footerLogo{
display: inline-block;
}
#footerLogo img{
border: none;
}
/*--------pannel & breadcrumbs css------*/
div.panelImg{
height: 174px;
}
div.breadcrumbs{
background-color: #000099;
padding: 0 20px;
min-height: 34px;
}
.breadcrumbs a{
text-decoration: none;
color: #fff;
font-size: 12px;
font-weight: bold;
display: inline-block;
margin: 11px 3px;
}
/* ----article inner page css-----*/
div.sideBarNav{
min-height: 40px;
display: inline-block;
background-color: #cecece;
width: 206px;
margin: 37px 10px 20px 10px;
}
.sideBarNav > h2{
color: #000000;
margin: 5px 15px;
}
.sideBarNav > ul{
list-style: none;
line-height: 18px;
padding: 0;
}
.sideBarNav > ul > li > a{
color: #000000;
display: inline-block;
width: 166px;
padding: 5px 20px;
max-width: 166px;
overflow: hidden;
}
/*colors the select article in the topicsList*/
a.articleSelected,
.sideBarNav > ul > li > a:hover{
color: #ffffff !important;
background-color: #009de0;
text-decoration: none;
}
div.pageContent{
min-height: 350px;
display: inline-block;
margin-right: 10px;
width: 680px;
margin-left: 10px;
vertical-align: top;
margin-bottom: 20px;
}
div.pageContent h1{
margin-bottom: 7px;
margin-top: 33px;
}
/*inner pages main picture css*/
div.mainPic{
background-color: #b9b9b9;
}
.largeImg{
height: 352px;
width: 730px;
}
.thumbnail{
height: 100px;
width: 100px;
}
/*------help main page css-----*/
#helpPagesContainer{
vertical-align: top;
}
div.pageSummary{
width: 304px;
min-height: 400px;
display: inline-block;
vertical-align: top;
margin: 0 10px;
}
div.pageSummary > p{
line-height: 19px;
}
/*-------presentation page css---------*/
.presentation{
width: 960px;
height: 700px;
display: inline-block;
margin: 10px 10px 0px 10px;
}
.subcontent{
margin: 0px 20px;
min-height: 45px;
}
/*------inner information pages css------*/
.pageColumn{
width: 355px;
margin: 0 5px;
}
/*--------- Hidden Input ---------------*/
.hiddenInput{
display: none;
}
/*news page*/
.newsItem{
width: 600px;
}
#theNews{
margin: 24px 0 0 0;
}
.newsItemTitle{
background: #c8c8c8;
color: #000;
padding: 5px 10px;
font-weight: bold;
}
.newsItemTitle a{
color: #000;
text-decoration: none;
cursor: default;
}
.newsItemContainer{
background: #efefef;
padding: 5px 10px;
margin: 0 0 20px 0;
}
.newsItemPosted{
font-size: 11px;
color: #019ee1;
font-weight: bold;
}
#messagesCount.messageBlink{
font-weight: bolder;
color: red;
}
/*pricesList*/
#pricesContent{
margin: 10px 20px;
}
/* jquery validate classes */
label.error{
color: red;
}
input.error,
select.error{
background-color: red;
}
.my-print-div{
display: none;
}
#secondBanner{
padding: 20px 20px 0;
background: white; /* #CECECE; */
}
.ltrContent{
direction: ltr;
}
#newsOuterContent{
height: 127px;
overflow: hidden;
position: relative;
}
#newsInnerContent{
position: absolute;
top: 102%;
left: 0;
width: 438px;
margin: 0;
padding: 5px 4px;
}