/* PICKER STYLES */

#ddPicker { padding: 1px; border: 1px solid #cbd2d9; }
#ddPicker iframe { display: none; }
#containerTop { height: 48px; }
#pad {  padding: 0 20px; }
#ddPicker a { text-decoration: underline; color: #46546c; }
#ddPicker a:hover { text-decoration: underline; color: #4d77c3; }
#ddPicker h1, #ddPicker h2, #ddPicker h3, #ddPicker h4, #ddPicker h5, #ddPicker h6 { font-family: palatino, georgia, "Times New Roman", serif; }
#ddPicker h2 { font-size:16px; font-weight: bold; margin-bottom: 11px; }
#ddPicker img { border: none; }
#ddPicker .input { width: 85px; font-size: 9px; }
#ddPicker .submit { font-size: 9px; }
#pageTitle { position: absolute; top: 0; left: 90px; }
#pageTitle H3 { font-size:14pt; color:#666; }
#header h1 { float:left; margin-top: 19px; margin-left: 50px; border: none; }
#header h1 a { display: block; height: 19px; text-decoration: none; }
#header { height:  60px; border: none; padding: 4px; }
#header h4 { position: relative; float: right; top: 10px; right: 30px; font-size:11px; letter-spacing: 1px; line-height: 15px; padding-left: 13px; }
#content { float: left; width: 550px; top:0; margin-left: 50px; padding:10px 0; border: none; }
#content h1 { font-size:18px; }
.newsItem { margin-bottom:25px; padding-bottom: 25px; overflow: hidden; }
.newsItem h3 { font-size: 18px; }
.newsItem h3 a { text-decoration: none; color: #6a7981; }
.newsItem h3 a:hover { text-decoration: underline; color: #000; }
.newsItemFooter, .newsItemFooter a { font-size: 9px; color: #999; font-weight: normal; }
.newsItemFooter a:hover { color: #222; }
#footer { clear: both; color: #999; border-top: none; margin:0 26px 0 30px; padding-bottom: 20px; }
#footer a { color: #999; }
#footer a:hover { color: #222; }
#footerContainer { clear: both; }
#rightbar {
    position: relative;
    float: right;
    width: 304px; /* for IE5-Win */
    width: 300px;
    top: 0;
    right: 48px;
    padding: 5px;
    background-color: #eee;
    border: 1px solid #333;
}
#rightbar h2, #rightbar h3 {
    width: 100%;
    font-size: 12px;
    text-align: center;
    color: #fff;  
    padding: 1px;
    background-color: #383e45;
    border-bottom: 1px solid #848b8f;
    border-right: 1px solid #949b9f;
    border-top: 1px solid #eee;
}
#rightbar h2 a, #rightbar h3 a {
    display: block;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}

#sidenav { border-bottom: 1px solid #ddd; }
#sidenav ul { border: none; }
#sidenav ul li { list-style: none; }
#sidenav ul li a {
    display: block;
    width: 187px;
    font-size: 11px !important;
    color: #4c5250;   
    font-weight: bold;
    text-decoration: none;
    text-shadow: -2px -2px 0px #fff;
    padding: 5px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #c7cbd0;
}

#sidenav ul li a:hover {
    text-shadow: 4px 4px 0px #c3c7ca;
    border-top: 1px solid #a1aaaf;
    border-bottom: 1px solid #ccc;
    border-right: none;
    border-left: 1px solid #c3c7ca;
}
 
#ylogo { position: absolute; top: 5px; left: 5px; }

/* slider */

.dragPanel { 
    position: relative;
    width: 260px;
    height: 180px;
    margin: 4px;
    background-color: #eee;
}

.dragPanel h4 { 
    height: 10px;
    background-color: #bbbbbb;
    cursor: move;
}

#ddPicker input { font-size: .85em }
.thumb { 
    position: absolute;
    width: 18px; 
    height: 18px; 
    z-index: 9;
    cursor:default; 
}

.bg {
    position: absolute;
    width: 146px; 
    height: 18px;  
    left: 10px; 
    border: 0px solid #aaaaaa;
}

.bg span, .bg p {
    float:left;
    position: relative;
    display: block;
    width: 4px;
    height: 10px;
    font-size: 2px;
    color: #aaa;
    top: 4px;
    cursor: default;
    overflow: hidden;
}

.bg span {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.bg .lb { border-left:1px solid #ccc; }
.bg .rb { border-right:1px solid #ccc; }

#valdiv { position: absolute; padding-left: 10px; }
#valdiv label { float: left; clear: left; width: 15px; margin: 2px 0; text-align: center; }
#valdiv input { float: left; width: 30px; color: #707070; border: 1px solid #cbd2d9; }
#valdiv .stladmit { float: left; clear: left; width: 50px; margin: 10px; padding: 1px; border: 1px solid #cbd2d9; }
#valdiv .stladmit input { width: 100%; color: #707070; background: #dedede; border: none; }

#rBG { top: 30px; }
#gBG { top: 50px; }
#bBG { top: 70px; }

#rgbSwatch {
    position: absolute; 
    width: 50px; 
    height: 50px;
    top: 34px; 
    left: 160px; 
    border: 1px solid #aaa;
}

#rgbPanel {
	width: 360px;
	height: 240px;
}

/* picker */

#hueThumb { 
    position: absolute;
    width: 18px; 
    height: 18px; 
    z-index: 9; 
    cursor: default;
}

#hueBg {
    position: absolute; 
    width: 18px; 
    height: 198px; 
    top: 18px;
    left: 216px; 
    background: url(../images/hue.png) no-repeat;
}

#pickerDiv {
    position: absolute; 
    width: 188px; 
    height: 187px; 
    top: 20px;
    left: 10px; 
    z-index: 0;
}

#pickerbg { 
    position: absolute; 
    top: 0;
    left: 0;
    z-index: 1;
}

#selector { 
    position: absolute; 
    width: 11px; 
    height: 11px; 
    top: 0;
    left: 0;
    cursor: default;
    z-index: 9;
}

#pickerSwatch {
    position: absolute; 
    width: 60px; 
    height: 60px;
    top: 30px; 
    left: 260px; 
    border: 2px solid #aaa;
}

#pickervaldiv { position: absolute; text-align: right; top: 86px; left: 246px; } 

#pickerPanel {
	width: 360px;
	height: 240px;
}

/* standard horizontal and vertical sliders */

#horizHandleDiv { 
    position: absolute; 
    width: 18px; 
    height: 18px; 
    top: 8px;  /* force the image down a bit */
    left: 100px; /* the default position is the center of the bg */
    cursor: default;
}

#horizWrapper { position: relative; float: left; width: 218px; margin-left: 60px;  }
#horizBGDiv { position: relative; width: 218px; height: 26px; top:60px; background: url(../images/horizBg.png) no-repeat; z-index: 5; }
#horizValueDiv { position: relative; top: 70px; left:66px; } 

#vertWrapper { position: relative; float:left; width:90px; }
#vertHandleDiv { position: absolute; width:20px; height:18px; cursor: default; }
#vertBGDiv { position: relative; float: left; width: 26px; height: 218px; top: 0; left: 10px; background:url(../images/vertBg.png) no-repeat; }
#vertValueDiv { position: relative; top: 100px; left: 40px; }

#tdBgCouleur, #tdCouleur {
	width: 30px;
	height: 16px;
	font-size: 0;
	border: 1px dotted #c0c0c0;
	cursor: pointer;
}

#nonepicked {
	position: absolute;
	width: 13px;
	height: 12px;
	top: 220px;
	left: 10px;
	font-size: 10px;
	background: #fff url(../images/nonep.gif) no-repeat;
	border: 1px solid #cbd2d9;
	cursor: default;
}
#nonepicked:hover {
	width: 14px;
	border-top: 2px solid f8f8f8;
	border-right: 1px solid c0c0c0;
	border-bottom: 1px solid c8c8c8;
	border-left: 2px solid f8f8f8;
}