/*
ICONS:
http://wefunction.com/2008/07/function-free-icon-set/
http://www.famfamfam.com/lab/icons/silk/
*/
/* layout + reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; margin: 0; padding: 0; }
img {border: 0}
.todo {background: yellow}
.clear { clear:both; width:100%; height:1px; font-size:1px; }
#wrapper {background: url(../img/nedoc_r1_c2.png) repeat-x; height: 100%; width: 100%; font-size: .8em}
#container, #page {background: url(../img/nedoc_r1_c4.png) no-repeat; height: 100%; margin: 0 auto; width: 900px;  }
#container:after, #page:after {content:"."; clear:both; height:1%; visibility:hidden; display:block;}
/* header */
#header{display: block; height: 147px; position: relative; }
#logo {height: 76px; left: 84px; position: absolute; top: 20px; width: 133px; }
#intro{height: 90px; left: 300px; position: absolute; top: 40px; width: 435px; }
#intro h1{color: #FDB28C; font-size: 2.5em; }
#intro p{color: #fff; font-size: 1.3em; width: 400px; }

/* left container */
#left_cont, #sidebar {display: inline-block; padding: 14px 20px 34px 53px; vertical-align: top; width: 200px; float:left;}
#left_cont h3, #sidebar h3 { color: #fff; font-size: 1.4em; font-weight: normal; padding: 10px 0 20px 50px; }

/*Main Menu*/
#left_cont ul.main_nav, #sidebar ul.main_nav {padding: 0 0 0 30px; width: 135px; }
#left_cont ul.main_nav li, #sidebar ul.main_nav li {border-bottom: 1px solid #D5D2BC; list-style: none; }
#sidebar ul.main_nav li.currentpage {border-bottom: 0px}
#left_cont ul.main_nav li a, #sidebar ul.main_nav li a {color: #666666; display: block; font-weight: bold; height: 24px; padding: 7px 0 0 5px; text-decoration: none; }
#left_cont ul.main_nav li a:hover, #sidebar ul.main_nav li a:hover {background: url(../img/icon_sprite.png) no-repeat 0 -175px; color: #F25904; padding: 7px 0 0 10px; text-decoration: none; }
#left_cont ul.main_nav li a.selected, #sidebar ul.main_nav li a.selected {background: url(../img/icon_sprite.png) no-repeat 0 -175px; color: #F25904; padding: 7px 0 0 10px; text-decoration: none; }
#left_cont ul.main_nav ul#submenu {margin: 0 0 5px 0;}
#left_cont ul.main_nav ul#submenu li {padding-left: 6px; border: 0px;}
#left_cont ul.main_nav ul#submenu li a:hover, #left_cont ul.main_nav ul#submenu li a.selected {padding-left: 5px; background: none; }

/*Main Links*/
#left_cont #member_nav h3, #sidebar #member_nav h3 {padding: 10px 0 10px 50px; }
#left_cont ul.main_links {padding: 16px 0 0 30px; width: 120px; }
#left_cont ul.main_links li {list-style: none; }
#left_cont ul.main_links li.head{color: #A5A392; font-weight: bold; padding: 0 0 0 5px; }
#left_cont ul.main_links li a {color: #666666; display: block; font-weight: bold; height: 20px; padding: 0 0 0 5px; text-decoration: none; }
#left_cont ul.main_links li a:hover{color: #F25904; text-decoration: none; }

/*Members Navigation - when logged in*/
#left_cont #member_nav {width: 200px;  margin: 12px 0 12px 0; padding: 0 0 3px 0;  background:url(/img/bg/member-nav-bottom.png) no-repeat bottom left; float:left; }
#left_cont #member_navWrap {float: left; background:url(/img/bg/member-login-top.png) no-repeat;}
#left_cont #member_nav ul {padding: 10px 30px 0 30px; width: 140px; }
#left_cont #member_nav li {border-bottom: 1px solid #fff; list-style: none; }
#left_cont #member_nav li.last {border-bottom: 0px}
#left_cont #member_nav li a {background: url(/img/icons/bullet02.gif) no-repeat; color: #666; display: block; font-weight: bold; height: 24px; padding: 7px 0 0 5px; text-decoration: none; }
#left_cont #member_nav li a:hover {background-position: 0px -81px; color: #282828; padding: 7px 0 0 10px; text-decoration: none; }
#left_cont #member_nav li a.selected {background: url(../img/icon_sprite.png) no-repeat 7px -175px; color: #F25904; padding: 7px 0 0 18px; text-decoration: none; }
/**/

/*LOGIN PANEL*/
#left_cont #login {padding: 0 0 10px 0; background: url(../img/bg/member-nav-bottom.png) no-repeat bottom left; margin: 12px 0 0 0; width: 200px; }
#left_cont #loginWrap {background:url(../img/bg/member-login-top.png) no-repeat; }
#left_cont #login fieldset {border: none; margin: 0 auto; width: 160px; }
#left_cont #login fieldset input{color: #333; margin: 3px 0; width: 160px;}
#left_cont #login fieldset input.login_but {margin: 5px 0; padding: 3px 5px; border:0; width: auto; background: #005F9B; color:#fff; cursor:pointer; float: right; font-size: 1.1em; }/*same as .submitPlain*/
#left_cont #login ul {margin: 0px 16px 0 20px; text-align: right;}
#left_cont #login ul li {padding: 0 10px 0 0; list-style: none; font-size: .9em ; background:url(/img/icons/bullet.png) no-repeat right 5px}
#left_cont #login ul li a {color: #870d0d}
#left_cont #login ul li a:hover {color:#005F9B}
#left_cont p.msgs {padding: 3px 0; margin: 1px 17px 5px 17px; color: #fff; font-weight: bold; background: #980000; text-align:center}
/**/
#logInfo {margin: 20px 0 20px 33px}

/* Rotamaster login */
#loginRM h3 { color: #fff; font-size: 1.4em; font-weight: normal; padding: 10px 0 20px 50px; }
#loginRM p { padding: 0px 0 0px 20px; }
#loginRM {padding: 0 0 10px 0; background: url(../img/bg/member-nav-bottom.png) no-repeat bottom left; margin: 12px 0 0 0; width: 200px; }
#loginWrapRM {background:url(../img/bg/member-login-top.png) no-repeat; }
#loginRM fieldset {border: none; margin: 0 auto; width: 160px; }
#loginRM fieldset input{color: #333; margin: 3px 0; width: 160px;}
#loginRM fieldset input.login_but {margin: 5px 0; padding: 3px 5px; border:0; width: auto; background: #005F9B; color:#fff; cursor:pointer; float: right; font-size: 1.1em; }/*same as .submitPlain*/


/* right - main body */
#right_cont, #content {float:left; padding: 50px 0 0 24px; vertical-align: top; width: 560px; }
#right_cont h2, #content h2 { padding: 5px 0 10px 50px; margin: 0 0 10px 0; color: #870D0D; font-size: 1.8em;}
#content h2 a {color: #870D0D}
#right_cont h2.h_cross { background: url(../img/icons/icon_cross.png) no-repeat;  }
#right_cont h2.h_cross.twoLines {padding: 0px 0 10px 50px; background-position: 0 5px;   }
#right_cont h2.h_info {background: url(../img/icon_sprite.png) no-repeat 0 -56px;  }
#right_cont h2.nedocUpdates {padding-left: 50px; background: url(../img/icons/blog-post.gif) no-repeat 12px 5px}
#content h2 {padding-left: 40px; background: url(../img/icons/blog-post.gif) no-repeat 0 5px}
#right_cont h3, #content h3 {margin: 20px 0 5px 0; font-size: 1.5em; color:#333; font-weight:normal}
#right_cont h4 {border-bottom:1px solid #870D0D; color: #870D0D; font-size: 1.2em; font-weight:bold; height: 18px; padding:16px 0 0 0; }
#content h4 {color: #870D0D; font-size: 1.2em; font-weight:bold; height: 18px; padding:16px 0 0 0; }

#right_cont p, #content p {margin: 10px 0; line-height:1.5em}
/*#right_cont p.more {font-weight: bold; text-transform:uppercase}*/
#right_cont p.more a {padding: 0 15px 0 0; background: url(/img/icons/arrow.gif) no-repeat center right}
#right_cont p.alert {padding: 5px 5px 5px 40px; background: url(/img/icons/alert.gif) no-repeat 5px 8px; font-weight:bold; border: 1px solid #FFEF7A}
#right_cont p.backToTop {text-align: right; }
#right_cont p.backToTop a {padding: 0 0 0 15px; background: url(/img/icons/top.gif) no-repeat 0 2px}
#right_cont p.msgs {font-weight: bold}
#right_cont a, #content a {color: #F25904; text-decoration:underline; }
#right_cont a:hover, #content a:hover {color: #F25904; text-decoration:none; }
.mand {font-weight: bold; color:#990000; font-size: 1.3em}
#right_cont img.r {margin: 0 0 10px 10px; padding: 5px; border: 1px solid #eaeaea; float: right; background: #fff;}
/*LISTS*/
#right_cont ul {margin: 10px; }
#right_cont ul li {margin: 0 0 5px 0; padding: 2px 0 2px 22px; list-style: none; }
#right_cont ul.dataList li {background: url(/img/icons/bullet03.png) no-repeat 8px 7px}
#right_cont ul li.publish {background: url(/img/icons/publish-rota.gif) no-repeat}
#right_cont ul li.update {background: url(/img/icons/update-rota.gif) no-repeat}
#right_cont ul li.register {background: url(/img/icons/register.gif) no-repeat}
#right_cont ul li.login {background: url(/img/icons/login.gif) no-repeat}
#right_cont ol {margin: 10px 10px 10px 30px;}
#right_cont ol li {margin: 0 0 5px 0;}

/*Contact NEDOC Splash*/
#right_cont #contact_splash {margin: 20px 0; }
#right_cont #contact_splash h2 {padding: 15px 0 0 18px; margin: 0px; background: url(../img/nedoc_contact_splash_top.png) no-repeat; }
#right_cont #contact_splash p {padding: 5px 68px 0px 18px; margin: 0px; background: url(../img/nedoc_contact_splash_bottom.png) no-repeat bottom left; color:#2c2c2c;  }
#right_cont #contact_splash span {margin: 10px 0 0 220px; padding: 10px 0 10px 46px; background: url(../img/icon_sprite.png) no-repeat 0 -115px; color: #870D0D; display: block; font-size: 2.3em }
/**/

/* footer */
#footer {text-align: center; background: url(../img/nedoc_r4_c2.png) repeat-x; bottom: 0; height: 88px; margin: 10px 0 0 0; padding: 20px 0 0 0; float:left; display:block; width:100%;}
#footer p {margin: 10px 0 0 0; color: #D7D4BE;}
#footer ul {display: block; margin: 0 auto; width: 750px;}
#footer ul li{display: inline; list-style: none; margin: 0 5px; color: #D7D4BE;}
#footer ul li a, #footer p a {color: #fff; text-decoration: underline; }
#footer ul li a:hover, #footer p a:hover {color: #FDB28C; text-decoration: none; }

/*ADMIN PAGES*/
#currentNews {padding: 0 0 10px 0; margin: 5px 0; float: left; width: 90%; border-bottom: 1px solid #eaeaea; }
ul.news li, ul li.news {background: url(/img/icons/news.gif) no-repeat}
ul.news_hipriority li, ul li.news_hipriority {background: url(/img/icons/circle_red.gif) no-repeat 0 1px}

#rotas {margin: 5px 0; float: left; width: 90%;  }
#rotas ul li {background: url(/img/icons/rota.gif) no-repeat}
#currentRotas {float: left; width: 49%}
#christmasRotas {float: left; width: 49%}
#archivedRotas {padding: 0 0 10px 0; margin: 0 0 5px 0; float: left; width: 90%;border-bottom: 1px solid #eaeaea; }

.powerPoint {background: url(/img/icons/powerpoint.gif) no-repeat}
.excel {background: url(/img/icons/excel.gif) no-repeat}
ul.documents li {background: url(/img/icons/doc-general.gif) no-repeat}
#downloads {padding: 0 0 10px 0; margin: 5px 0; float: left; width: 90%; border-bottom: 1px solid #eaeaea;}

table label {font-weight: bold;}
table.displayData {margin: 10px 0; border-collapse:collapse}
table.displayData td {padding: 0 10px 10px 0; vertical-align:top; text-align:left; }
table.displayData th {padding: 0 10px 10px 0; vertical-align:top; text-align:left; font-weight: bold;}
table.displayData td select {margin-right: 10px; float: left; }
input, textarea {padding: 3px; border: 1px solid #bdbaa5; width: 200px;}
input.submit, input.cb {padding: 0; border:0; width: auto}
input.submitPlain, #searchsubmit, #submit {padding: 3px 5px; border:0; width: auto; background: #005F9B; color:#fff}
table.displayData textarea {font-family: Arial, Helvetica, sans-serif; font-size:1.0em; }
table.infoTable th {padding: 5px 10px; background: #ECE9D6; color:#000; border-bottom: 1px solid #D4D0B5; text-align:left; vertical-align:top}
table.infoTable td {padding: 5px 10px; background:#fbf9ee ; text-align:left; vertical-align:top}
tr.textInput input {width: auto}
/*MY ACCOUNT PAGE*/
/*Update Account*/
form#updateAccount {background: url(../images/securepage/doc.jpg) no-repeat top right}

.adminMenuWrap {margin: 10px 0; padding: 10px 20px 0 20px; float: left; border: 5px solid #eaeaea; }
#left_cont .adminMenuWrap h3 {margin: 0; padding: 0px; color:#333}
#left_cont ul.adminMenu {margin: 10px 0; float: left; }
#left_cont ul.adminMenu li {padding: 5px 0 5px 30px;margin: 0 0 10px 0; list-style: none;}
#left_cont ul.adminMenu a {color: #666; text-decoration:none; font-weight: bold;}
#left_cont ul.adminMenu a:hover {color: #f25904}
ul.adminMenu li.approvals {background: url(/img/icons/admin-menu/approvals.gif) no-repeat}
ul.adminMenu li.userList {background: url(/img/icons/admin-menu/user-list.gif) no-repeat}
ul.adminMenu li.passwords {background: url(/img/icons/admin-menu/passwords.gif) no-repeat}
ul.adminMenu li.rota {background: url(/img/icons/admin-menu/rotas.gif) no-repeat}
ul.adminMenu li.newsList {background: url(/img/icons/admin-menu/news.gif) no-repeat}
ul.adminMenu li.documentsList {background: url(/img/icons/admin-menu/documents.gif) no-repeat}
ul.adminMenu li.stats {background: url(/img/icons/admin-menu/statistics.gif) no-repeat}
ul.adminMenu li.swap {background: url(/img/icons/admin-menu/swap.gif) no-repeat}

#map_canvas {width: 95%; height: 400px;}

#container ul.blogPosts li {padding: 0px; margin-left: 0px; border-bottom: 1px dotted #ccc;}
#container ul.blogPosts span.date {float: left ;width: 100%; padding: 0 0 5px 25px; background: url(/img/icons/date.gif) no-repeat; color:#777}