﻿body { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFF; color: #5c5c5c; font-size: 0.69em; margin: 0; padding: 10px 0 0; text-align: center; }

/* display */
#conteneur { margin: auto; width: 950px; text-align: left; }
#leftPanel { float: left; width: 675px; }
.leftColumn { float: left; margin-right: 30px; width: 195px; }
.centerColumn { float: left; width: 450px; }
.rightColumn { float: right; width: 245px; /*border-top: 5px solid;*/ }
#home .rightColumn { padding-top: 8px; border: none; }
.emptyclear { width: 100%; clear: both; height: 0; overflow: hidden; }

/* basic */
a:link { color: #336597; text-decoration: underline; }
a:visited { color: #551a8b; }
a:hover, a:active { color: #39c; text-decoration: underline; }

a.more { text-decoration: none; padding-bottom: 1px; }
a.more:hover, a.more:active { text-decoration: underline; }
.more a { text-decoration: none; }
.more a:hover, .more a:active { text-decoration: underline; }


strong { font-weight: bold; }

h1 { float: left; width: 725px; font-size: 1.64em; font-weight: bold; }
#home h1 { float: none; width: auto; }
h2 { font-weight: bold; font-size: 1.09em; line-height: 1.3em; margin: 0.3em 0 0.4em; padding-bottom: 0.1em; }
p { line-height: 1.2em; margin-bottom: 1.2em; }
p em { line-height: 1.2em; }
img { margin-bottom: 0.5em; }
#home img { margin-bottom: 0; }

ul, ol.left li ul { clear: both; margin-bottom: 1.2em; margin-top: 0.2em; }
ul li, ol.left li ul li { list-style-type: none; background: url(/Style%20Library/www.ebc.state.ok.us/images/puce.gif) left 0.6em no-repeat; padding-left: 8px; padding-bottom: 3px; line-height: 1.2em; }
.lastListElement
{
    padding-bottom:10px;
}

ol, ol.left li ol { margin:16px 0; padding-left:40px; }
ol li, ol.left li ol li { list-style-position:outside; list-style-type:decimal; }

ol.left li { font-size:1.09em; font-weight:bold; }
ol.left li div, ol.left li ul li, ol.left li ol li { color:#5C5C5C; font-size:0.92em; font-weight:normal; }
ol.left li div { padding-top: 0.5em;}
ol.left li div.top_of_page { padding-top: 0;}

input, select, textarea { font-weight: normal; font-size: 0.91em; color: #707070; margin: 0; padding: 0; }
.fullWidth { width: 90%; }
.imgRight { float: right; padding: 0 0 5px 9px; }
.imgLeft { float: left; padding: 0 9px 5px 0; }

#header { margin-bottom: 6px; }

/* header navigation */
.utilNav { clear: none; margin-top: 0; float: right; margin-bottom: 8px; margin-left: 0; }
#home .utilNav { margin-bottom: 0; }
.utilNav li { float: left; border: 1px solid #d7d1c5; border-bottom: none; border-top: none; height: 18px; margin-left: -1px; padding: 0 13px; line-height: normal; background: none; }
.utilNav a { text-decoration: none; }
.utilNav a:hover, .utilNav a:active { text-decoration: underline; }
.utilNav img { margin-bottom: 0; }

/* footers */
#footer { border-top:1px solid #e3e3e3; margin:20px 0; padding:10px 0; text-align:center;}


/* horizontal navigation */
#home .menu { font-size: 1.18em; text-transform: uppercase; font-weight: bold; margin: 25px 0 30px; width: 675px; float: left; }
#home .menu li { padding: 0; border-bottom: 5px solid; border-left: none; float: left; padding-bottom: 4px; line-height: normal; background: none; font-size: 1em; }
#home .menu a { text-decoration: none; padding: 0 10px; border: 1px solid #d7d1c5; border-width: 0 1px; }
#home .menu .first a { border-left: 0; padding-left: 12px; }
#home .menu .last a { border-right: 0; padding-right: 12px; }

#home .menu li.sctAbout { border-color: #d1ab13; }
#home .menu li.sctBenefits { border-color: #d95f27; }
#home .menu li.sctFlexible { border-color: #970f6c; }
#home .menu li.sctServices { border-color: #2471b8; }
#home .menu li.sctHealth { border-color: #3db4c2; }
#home .menu li.sctWellness { border-color: #83a10f; }
#home .menu li.sctCareers { border-color: #cccccc; }
#home .menu li.sctContractDepartment { border-color: #cccccc; }

.menu { font-size: 0.91em; text-transform: uppercase; font-weight: bold; }
.menu li { background: none; padding: 0; border-left: 5px solid; line-height: normal; margin: 2px 0; font-size: 1.10em; }
.menu li a { text-decoration: none; display: block; padding: 4px 5px; border-bottom: 1px solid #f1eee7; }
.menu li.selected { margin: 0; padding: 0; border: 0; }
.menu li.selected a { color: #FFF; padding: 3px 9px 1px; display: block; line-height: 1.3em; border: none; }
.menu ul { /*padding-top: 0.005em;*/ background-color: #FFF; font-weight: normal; margin-bottom: 0.2em; text-transform: none; }
.menu ul li { font-size: 0.91em; background: #f1eee7 url(/Style%20Library/www.ebc.state.ok.us/images/puce.gif) 11px 0.85em no-repeat; border-left: none; line-height: 1.5em; margin: 1px 0 0; padding: 2px 0 2px 19px; }
.menu li.selected li a { color: #336597; text-decoration: none; padding: 0; display: inline; }
.menu li.selected li a:hover, .menu li.selected li a:active { color: #39c; }

.menu li.sctAbout { border-color: #d1ab13; }
.menu li.sctBenefits { border-color: #d95f27; }
.menu li.sctFlexible { border-color: #970f6c; }
.menu li.sctServices { border-color: #2471b8; }
.menu li.sctHealth { border-color: #3db4c2; }
.menu li.sctWellness { border-color: #83a10f; }
.menu li.sctCareers { border-color: #cccccc; }
.menu li.sctContractDepartment { border-color: #cccccc; }

/* content block with title */
.block { background-color: #f1eee7; margin-bottom: 13px; }
.block.no-title { border: 1px solid #bfbfbf; padding: 9px 9px 15px; }
.block h2 { line-height: normal; background: #9d9d9d; padding: 4px 9px; color: #FFF; text-transform: uppercase; margin: 0; position: relative; }
.block h2 .btnRss { position: absolute; top: 4px; right: 8px; text-decoration: none; color: #FFF; font-size: 0.75em; display: block; padding: 2px 0 2px 14px; font-weight: normal; background: url(/Style%20Library/www.ebc.state.ok.us/images/mini-rss.gif) left center no-repeat; }
.block .content { padding: 6px 9px 15px; border: 1px solid #bfbfbf; border-top: none; }


/* news block */
.news h3 { color: #9d9d9d; font-size: 0.91em; line-height: 1.8em; }
.news h3 a { font-size: 1.10em; font-weight: bold; clear: both; display: block; text-decoration: none; line-height: 1.2em; }
.news p { margin: 0.2em 0 1.6em; }

/* press releases */
/*.news.pressReleases h3 { margin-bottom: 1em; }*/
/*.news.pressReleases .more { margin-top: 1.3em; margin-bottom: 0.5em; }*/


/* features */
.feature dt { color: #5c5c5c; font-weight: bold; font-size: 1.09em; margin-bottom: 0.7em; }
.feature dd, .feature dt { float: right; width: 355px; }
.feature dd { margin-bottom: 1.3em; line-height: 1.2em; }
.feature dd.img { float: left; width: 95px; }
/*.feature img { border: 1px solid #bfbfbf; }*/
.feature .more { display: block; float: left; margin-top: 0.6em; }
.feature ul { margin-bottom: 0; }

/* search box*/
#searchbox { clear: right; margin-bottom: 17px; text-align: right; }
#searchbox label { text-transform: uppercase; font-size: 0.91em; margin-right: 5px; }
#searchbox input { width: 150px; }
#searchbox .button { width: auto; vertical-align: -0.20em; }

/* Login box */
#info_login { padding: 4px; }
/*#info_login form { background: #FFF; padding: 15px 10px 15px; }*/
#info_login .logo { padding-bottom: 10px; }
#info_login label { width: 45px; margin-bottom: 0.3em; float: left; padding-top: 3px; font-size:11px; font-weight:bold; margin-top:3px;}
#info_login label.labelSelect {margin-top:10px; color:#848484;}
#info_login label:first-child
{
    margin-top:9px;
}
#info_login input { margin-bottom: 0.3em; float: left; }
#info_login input[type=text]{ width: 127px; padding:1px 0; border:1px solid #abadb3; margin-left:7px; margin-top:8px;}
#info_login input.password { width: 127px; margin-right: 5px;  border:1px solid #abadb3; padding:1px 0; margin-left:7px; margin-top:3px;}
#info_login input.button { width: auto; float:right; margin-top:10px;}
#info_login ul { padding-top: 0.5em; margin-bottom: 0; }
#info_login ul li { padding-left: 0; background: none; }
#info_login ul a { text-decoration: none; color:#416f9e;}

#info_login select
{
    width:170px;
    border:1px solid #abadb3;
    padding:1px 0;
    margin-top:10px;
}

#info_login .login_content { background: #FFF;
                             padding: 35px 10px 5px;
                             background-image: url(/Style%20Library/www.ebc.state.ok.us/images/effect_login_top.jpg);
                             background-repeat:no-repeat;
                             background-position:right top;
                             }
.loginBoxCss
{
    width:215px;
    height:58px;
    background-image: url(/Style%20Library/www.ebc.state.ok.us/images/background_login.gif);
}

#info_login .loginBoxCss label
{
    margin-left:7px;
    width: 65px;
}

/* calendar */
.calendar .content { padding: 14px; }
#calendar { width: 100%; border-spacing: 1px; border-collapse: separate; margin-bottom: 1em; }
#calendar th { text-transform: uppercase; background-color: #9d9d9d; text-align: center; color: #FFF; font-weight: bold; padding: 0;}
#calendar th span { text-align: center; display: block; width: 100%; float: left; padding-top: 0.35em; }
#calendar th a.prev, #calendar th a.next { width: 20px; float: left; }
#calendar td { width: 14%; background-color: #d7d1c5; text-align: center; padding: 4px 0; }
#calendar td.today { background-color: #9d9d9d; color: #FFF; font-weight: bold; }
#calendar td a { text-decoration: none; font-weight: bold; }

.calendar h3 { color: #9d9d9d; font-size: 0.91em; line-height: 1.8em; margin-bottom: 0.6em; }
.calendar h3 a { font-size: 1.10em; font-weight: bold; clear: both; display: block; text-decoration: none; line-height: 1.2em; }
.calendar .more { margin-top: 1.3em; margin-bottom: 0.3em; }


/* button list*/
.buttonList { margin-bottom: 10px; }
.buttonList li { padding: 0; background: none; }

/* box website */
.oklahoma .logo { padding-bottom: 5px; }
.oklahoma .more { padding-left: 3px; }

.oklahoma cite { /*float: left;*/ font-size: 0.91em; padding: 1.8em 0 0; line-height: 1.2em; /*width: 100%;*/ }
.oklahoma .signature { text-align: right; margin-top: 1em; margin-bottom: 0; }


/* pages */
.leftColumn.logo { width: auto; /*padding-right: 2px;*/ margin-bottom: 0; }

/* breadcrum */
/*.breadcrum { margin-bottom: 17px; }*/
.breadcrum a { text-decoration: none; }
.breadcrum a:hover, .breadcrum a:active { text-decoration: underline; }

/* Top */
.top_of_page { float:right; text-align: right; text-transform: uppercase; font-weight: normal; }
.top_of_page a { background-image: url(/Style%20Library/www.ebc.state.ok.us/images/principal_arrow_up.gif); background-position: 100% 2px; background-repeat: no-repeat; padding: 0 13px 0 0; text-decoration: none; }
