@charset "utf-8";

/* template1: top menu with float left item */

/*---------- first part: Generic tags --------------*/

* { margin:0px; padding:0px; outline:0 none;}

/* useful if content is centered (avoid lateral jump when scrollbar appears) */
html { overflow-y: scroll; }	

body  { font-family: 'Museo Sans W01 300', Verdana, Helvetica, Arial, sans-serif; font-size:14px; color:#444}
body {-webkit-text-size-adjust:none;}  /* to avoid iPhone to resize font-size */

/* font-family settings */
b, strong, h1, h2, h3, h4, h5, #cbyMenu  {font-family:'Museo Sans W01 700', Verdana, Helvetica, Arial, sans-serif; font-weight:normal}
span.marge, table.cols2 th  {font-family:'Museo Sans W01 500', Verdana, Helvetica, Arial, sans-serif;}

/* end font-family settings */


/* Firefox trick: avoid extra vertical space between li with image */
li img { vertical-align:middle}

img {border:0; vertical-align:top;}

a { outline:0 none; color: #0883C7; text-decoration: none; }
a:hover { text-decoration: underline; }

table, td, th { border-collapse:collapse; border:0; border-spacing: 0px;}
td, th {vertical-align:top;}

blockquote {margin-left:20px;}

ul, li { list-style: none;  }

hr {height:1px; border:0; color:#666; background-color:#666;margin:5px 0;}

input, select {border:1px solid #999;border-radius:3px}

.left {text-align:left;}
.right {text-align:right;}

.fLeft {float:left;}
.fRight {float:right;}
.clearBoth {clear:both;}

.red {color:#e42f2c !important;}
.invisible, .hidden {display:none !important}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} 

/*---------- second part: CBy IDs  --------------*/

#cbyContainer {
	margin:0;	/*Set if you want body to be centered*/
	width:990px;
}

#cbyMenu {	height:140px; margin:20px 0 0 20px;}

#cbyContent {margin: 0 0 20px 20px; padding:0 40px 20px 10px;min-height:400px; background:#f7f7f7;width:770px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc}
#cbyContent  h1 {font-size:1.1em;line-height:32px; border-bottom:7px solid #0883C7;}
#cbyContent  div.dwt1 {line-height:20px; }
#cbyContent  div.dwt1 h1 {width:260px;padding:8px 0 0;margin-left:130px;}
#cbyContent  div.dwt1 p, #cbyContent  div.dwt1 h3, #cbyContent  div.dwt1 h2 { font-size:1em;padding:8px 0 0 130px }
#cbyContent  div.dwt1 td { padding:0 2px 0 0 }
#cbyContent  div.dwt1 td h2 { padding:16px 0 0 0px }
#cbyContent  div.dwt1 span.marge {display:block;float:left;margin-left:-130px;width:120px;padding-right:10px}
#cbyContent  div.dwt1 table.cols2 { border:0; width:100%;table-layout: fixed;}
#cbyContent  div.dwt1 table.cols2 th { width:130px;}
#cbyContent  div.dwt1 table.cols2 th , #cbyContent  div.dwt1 table.cols2 td {text-align:left; padding:8px 0 0 0;}
#cbyContent  div.dwt1 table.cols2 p { padding:0 0 8px 0;}
#cbyContent  div.dwt1 table th p { position:relative;}
#cbyContent  div.dwt1 table th img { position:absolute; left:0; }

#cbyContent  div.db h1 {margin-bottom:32px;}
/*---------- second part: CBY menus --------------*/

#cbyMenu li {background:#fff;float:left;width:260px;margin:0 8px 8px 0;position:relative;height:32px; }
#cbyMenu li a {display:block;color: #666;font-size:1em;padding:0 8px;text-transform:uppercase; line-height:32px; }
#cbyMenu a.checked { color: #0883C7 !important;}
#cbyMenu li.lang a {display:inline;text-align:right}
#cbyMenu a:hover {text-decoration:none}

/* border-radius ??? */
/*#cbyMenu li.level1 {border-radius:4px}
#cbyMenu li.level1:hover {border-radius:4px 4px 0 0}
#cbyMenu ul.level2 {border-radius:0 0 4px 4px}
*/
#cbyMenu ul ul {display:none;position:absolute;z-index:2;overflow:hidden;border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#cbyMenu ul ul li{float:none;margin:0;height:auto; background: #f7f7f7}
#cbyMenu ul ul li:first-child {padding-top:5px;}
#cbyMenu ul ul li:last-child {padding-bottom:5px}
#cbyMenu ul ul li a{font-size:12px;line-height:1em; padding:5px 0 5px 20px;background: url(/img/eseha_bullet_grey.png) no-repeat 5px center}
#cbyMenu ul ul li a:hover {text-decoration:underline}
#cbyMenu ul ul li a.selected {color: #0883C7;text-decoration:none;background: url(/img/eseha_bullet_blue.png) no-repeat 5px center}
/*#cbyMenu ul li:hover ul {display:block}*/
#cbyMenu ul li.level1.selected a {border-bottom:7px solid #0883C7;}
#cbyMenu ul li.level1 ul {border-top:7px solid #666;}
#cbyMenu ul li.level1.selected ul  a {border:0;}
#cbyMenu ul li.level1.selected ul {border-top:0;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc}

#cbyMenu ul li.tools  {height:48px;}
#cbyMenu ul li.tools ul {display:block !important;}
#cbyMenu ul li.tools ul, #cbyMenu ul li.tools.selected a  {border:0px !important;top:0;}
#cbyMenu ul li.tools ul li {width:130px;text-align:right;height:24px;background:none}
#cbyMenu ul li.tools ul li a{color:#aaa;background:none;font-size:0.8em;line-height:1em;padding:0;}
#cbyMenu ul li.tools ul li a.selected{color:#0883C7;}



