body, html {background-color:#9597ac;}
input , select, textarea, pre, code, blockquote { background-color: #e8e3f0;}
body {color:#342268;}

h1, h2  {color: #6ab1c0;}
h3, h4, h5, h6, b, strong  {color: #6390d0;}

a:link, a:visited, a strong { color: #106bae;}
a:hover, a:hover strong {color: #8b2fbd; } 


hr{ border: none; border-bottom:dotted #6ab1c0 1px;}
address { border-left: 6px solid #6390d0; ]}
blockquote { border: 1px solid #6390d0; }


#leftbox { background-color: #cecce1;}
#leftbox a { color: #62548b;}

#nav ul li a:hover, #nav ul li a:focus, #nav ul li a:active {background-color:#adb1e4; color:#fff; }
#nav li a.menu-current, #nav  li a.menu-parent  { background-color: #858bd8; color:#fff; text-shadow: 0px 1px 5px rgba(0,0,0,0.7);}

#XXnav ul li ul li a {background-image: url(../img/m1bg.png);}

/*
#nav ul, #nav2 ul { background: #adb1e4;}
#nav ul li a, #nav2 ul li a { color: #858bd8;}
*/

/*Extra Colorpicker Edit*/
#colorpickericon {display:block; width:24px; height:24px; background: url(img/colorpicker.png) no-repeat; z-index:5000;
position: absolute; top:230px; right:0; cursor:pointer; }
#colorpicker {display:none; width:90px; background: #ddd; position: absolute; top:100px; right:0; z-index:5000; font-size:12px;line-height:100%; box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);}
.pickerfield {width:100%; height:40px; float:left;}

.pickerfield {color:#000;}
.pickerfield input[type="color"] {width:100%; height:20px; padding:0; border:0; cursor:pointer;}
.pickerfield input[type="text"] {width:90%; height:20px; padding:1px 3%; border: 1px solid #999;; cursor:text;}


a.colpick-button {display:block; clear:both; width:80%; margin:10px auto; padding:3px; background: rgba(255,255,255,0.2); text-align:center; border: 1px solid #666; border-radius: 15px;  cursor:pointer;}
#colorpicker-info {display:none; position: absolute; width:160px; padding:10px; top:0; left:-180px; background: #eee; box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);}