.blue .color-picker .pickerTitle{background:#000; height:32px;}
.color-picker .picker-btn{ position: absolute; left: -35px; top:45px; border: none; background: url("../img/icon_student_inquiry.png") no-repeat; cursor: pointer; padding:0; height:116px; }
.color-picker .picker-btn2{ position: absolute; left: 5px; top:-3px; border: none; background: url("../img/close.png") 5px no-repeat; cursor: pointer; /*padding:5px;*/ }
.color-picker{ width: 250px; height: auto; position: fixed; top: 70px; right: 0; background: #fff; z-index: 100000;border-bottom: solid 1px #ccc;border-left: solid 1px #ccc;}
.color-picker p{ font-size:9px; line-height:14px;}
.color-picker .pwrapper{ padding:0; width: 98%; height:auto; }
.color-picker .pwrapper input{width:95%; margin:2px 5px; padding:5px 5px 5px 30px; outline:none; border:solid 1px #eee; background:#fff; color:#000}
.color-picker .pwrapper input.button{padding:5px 15px; box-shadow: 0px 2px 0px 0px #179abf; background-color:#1fcdff; color:#FFFFFF; outline:none; border:0px; }
.color-picker .pwrapper input.button:hover{background-color:#000; color:#FFFFFF;}
.color-picker .pwrapper input.b1 {background:url(../img/icon_name.gif) no-repeat 5px 4px #fff}
.color-picker .pwrapper input.b2 {background:url(../img/icon_phone.gif) no-repeat 5px 4px #fff}
.color-picker .pwrapper input.b3 {background:url(../img/icon_business.gif) no-repeat 5px 2px #fff}
.color-picker .pwrapper input.b4 {background:url(../img/icon_mail.gif) no-repeat 5px 4px #fff}
.color-picker .pwrapper select{ width:95%; margin:2px 5px; padding:5px 5px 5px 30px; outline:none; border:solid 1px #eee; background:#fff; color:#000}
.color-picker .pwrapper select.b5 {background:url(../img/icon_location.gif) no-repeat 5px 6px #fff}
.color-picker .pwrapper select.b6 {background:url(../img/icon_book.gif) no-repeat 6px 6px #fff}
.color-picker .pwrapper select.ico2{ background:url(../img/icon_location.gif) no-repeat 6px 1px}
.color-picker .pwrapper select.ico3{ background:url(../img/icon_location.gif) no-repeat 6px 1px}
.color-picker .pwrapper select.ico4{ background:url(../img/icon_name.gif) no-repeat 6px 1px}
.color-picker .pwrapper textarea{     background:url(../img/icon_comment.gif) no-repeat 6px 1px; padding:2px 10px 2px 30px; font-size: 12px; }
.color-picker .pickerTitle{ text-transform: uppercase; text-align: center; float: none; width: 100%; margin: 0; padding: 2px 5px; cursor: auto; border: none; color:#fff; background:#666; line-height:30px; font-weight:bold; }
.color-picker .pickersubTitle{ color:#7F7F7F; text-transform: uppercase; text-align: center; float: none; width: auto; height: auto; margin: 0 5px 15px; padding: 10px 5px; cursor: auto; font-size:12px; border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; clear:both; }
.color-picker div{ width: 30px; height: 30px; margin: 5px; /*padding: 5px;*/ float: left; /*cursor: pointer; border: 2px solid #f0f0f0;*/ 	-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.color-picker div.nopick{ width:0; height:0;}
.color-picker .light-version{ width: 73px; height: 29px; margin-bottom:20px; /*	background: #fff; line-height: 30px; text-align: center; color: #999;*/ }
.color-picker .dark-version{ width: 73px; height: 29px; /*	background: #000; line-height: 30px; text-align: center; color: #666;*/ }