* {
margin:0;
padding:0;
}

body {
height:100%;
background:#8e8c84;
font-family:Verdana,Helvetica,sans-serif;
margin:0;
padding:0;
}

#wrap {
background:#FFF top left repeat-y;
min-height:100%;
width:980px;
position:relative;
border-left:10px solid #817e73;
border-right:10px solid #817e73;
font-size:15px;
font-family:verdana;
margin:auto;
}

#inner-wrap {
padding-bottom:40px;
}

#inner-wrap:after {
content:" ";
display:block;
clear:both;
}

h1 {
color:#2F5C9C;
margin:0;
padding:0;
}

#indev {
padding:10px;
}

#test {
background:#4282b9;
color:#fff;
margin-bottom:5px;
height:70px;
border-top:4px solid #326b9c;
padding:5px;
}

#thebox {
border:1px solid #474747;
background:#F0F0F0;
margin-bottom:10px;
}

#thebox a {
font-weight:inherit;
}

.boxtitle {
color:#fff;
background:#474747;
padding:5px;
}

.boxwrap {
color:#282828;
padding:5px;
}
.boxwrap a {
    color:#333;
    text-decoration:underline;
}
#bcode {
background:#d1d1d1;
width:306px;
margin-bottom:0;
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
padding-top:4px;
padding-left:5px;
margin-top:5px;
}

#TheTextArea {
width:303px;
padding-top:4px;
padding-left:5px;
border:1px solid #999;
font-size:12px;
font-family:tahoma;
margin:0;
}
.forminput {
  background:#DDD;
border:1px solid #999;
font:12px tahama;
color:#343434;
padding:3px;  
}
.boxwrap input,.boxwrap textarea {
background:#DDD;
border:1px solid #999;
font:12px tahoma;
color:#343434;
padding:3px;
}

#myfooter {
position:absolute;
bottom:10px;
background:#333;
color:#fff;
font-size:12px;
width:950px;
margin:0;
padding:5px;
}

table td {
padding:5px;
}

.modaltextarea {
background:url(http://cookyx.com/images/inputbg.png) #fff repeat-x;
border:1px solid #C7C7C7;
color:#575757;
font-size:12px;
font-family:tahoma;
padding:4px;
}

.headx {
background:#789FCC;
color:#fff;
font:16px verdana;
font-weight:700;
padding:5px;
}

.modalcon {
color:#575757;
padding:10px;
}

* .modalcon form {
margin:0;
padding:0;
}

.modalcon a {
color:#575757;
text-decoration:none;
}

ul.pagination {
list-style-type:none;
font:12px tahoma;
border:0;
margin:0;
padding:0;
}

ul.pagination li {
display:inline;
margin-right:2px;
}

.pagination a:visited,.pagination a:link {
color:#636363;
display:block;
float:left;
text-decoration:none;
padding:3px 6px;
}

ul.pagination a {
border:solid 1px #919191;
margin-right:2px;
color:#2E2E2E;
}

ul.pagination li a {
text-decoration:none;
padding:5px;
}

.active {
background:#919191;
color:#FFF;
font-weight:700;
display:block;
float:left;
padding:4px 6px;
}

.previous-off,.next-off {
border:solid 1px #DEDEDE;
color:#888;
display:block;
float:left;
font-weight:700;
margin-right:2px;
padding:3px 4px;
}

#errors {
background:url(http://cookyx.com/images/icons/warning32.png) center no-repeat;
background-position:12px 50%;
padding-left:55px;
padding-top:10px;
height:30px;
}

#correct {
background:url(http://cookyx.com/images/icons/check32.png) center no-repeat;
background-position:12px 50%;
padding-left:55px;
padding-top:10px;
height:30px;
}

#info,#success,#warning,#error {
border:1px solid;
background-repeat:no-repeat;
background-position:10px center;
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
margin:10px 0;
padding:10px 10px 10px 36px;
}

#info a,#normal a,#success a,#warning a,#error a {
text-decoration:underline;
}

#warning {
color:#9F6000;
background-color:#FEEFB3;
background-image:url('http://cookyx.com/images/icons/error.png');
}

#normal {
border:1px solid #646464;
color:#282828;
font:12px tahoma;
background:#f0f0f0;
margin:0;
padding:5px;
}

#error a {
color:inherit;
text-decoration:underline;
font-weight:400;
font:inherit;
}

#error {
border:1px solid #C17676;
color:#923D3D;
font:12px tahoma;
background:#F0CCCC;
margin:0;
padding:5px;
}

#success {
border:1px solid #A6C176;
color:#75923D;
font:12px tahoma;
background:#E3F0CC;
margin:0;
padding:5px;
}

#normal a {
font:12px tahoma;
text-decoration:none;
margin:0;
}

#themenu {
height:40px;
width:960px;
position:relative;
background:#474747;
display:block;
z-index:1;
margin:0 auto;
padding:0;
}

ul.menu {
list-style-type:none;
clear:both;
margin:0;
padding:6px;
}

ul.menu li {
display:block;
height:30px;
float:left;
position:relative;
margin:0;
padding:0;
}

ul.menu li.current {
background:#000;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

ul.menubody {
list-style-type:none;
clear:both;
margin:0;
}

ul.menubody li {
display:block;
height:30px;
float:left;
position:relative;
color:#fff;
background:#474747;
-moz-border-radius:4px;
-webkit-border-radius:4px;
margin:0;
padding:0;
}

ul.menubody li.current {
background:#fff;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

html,* html #wrap {
height:100%;
}

#test a,#myfooter a,.headx a {
color:#fff;
text-decoration:none;
}

#test a:hover,#myfooter a:hover {
color:#fff;
text-decoration:underline;
}

ul.menu li a,ul.menubody li a {
display:block;
float:left;
color:#fff;
text-decoration:none;
font-size:15px;
font-style:normal;
font-weight:700;
font-family:arial, helvetica, sans-serif;
line-height:18px;
padding:6px 15px 5px;
}

ul.menu li:hover,ul.menubody li:hover {
background:#262626;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

ul.menu li a span,ul.menubody li a span {
font-weight:400;
padding-left:3px;
}

ul.menu li.drop a,ul.menubody li.dropbody a {
padding-right:7px;
}

ul.menu li.drop:hover li,ul.menubody li.dropbody:hover li {
border:none;
}

ul.menu li.drop span.toggle,ul.menubody li.dropbody span.toggle {
display:block;
float:left;
width:21px;
height:26px;
background:transparent url("http://cookyx.com/images/toggle.png") no-repeat 0 -20px;
margin:0 7px 0 0;
padding:0;
}

ul.menu li.drop:hover span.toggle,ul.menu li.drop.current span.toggle,ul.menubody li.dropbody:hover span.toggle,ul.menubody li.dropbody.current span.toggle {
background-position:1px 5px;
}

ul.menu li.drop:hover,ul.menu li.current:hover,ul.menubody li.dropbody:hover,ul.menubody li.current:hover {
-moz-border-radius:0;
-webkit-border-radius:0;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
}

ul.menu li.drop:hover ul,ul.menubody li.dropbody:hover ul {
display:block;
z-index:1;
padding-bottom:8px;
}

ul.menu li ul,ul.menubody li ul {
display:none;
position:absolute;
width:100%;
top:30px;
left:0;
list-style-type:none;
background:#262626;
filter:alpha(opacity=95);
margin:0;
padding:9px 0 0;
}

ul.menu li ul li,ul.menubody li ul li {
float:none;
height:auto;
border:none;
filter:alpha(opacity=100);
margin:0;
padding:0;
}

ul.menu li ul li a,ul.menubody li ul li a {
float:none;
background:none;
display:block;
font-size:13px;
height:auto;
font-weight:400;
margin:0;
padding:4px 13px;
}

ul.menu li:hover ul,ul.menubody li:hover ul {
border:none;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
}

ul.menu li:hover ul *,ul.menubody li:hover ul * {
background:none;
-moz-border-radius:0;
-webkit-border-radius:0;
}

ul.menu li ul li:hover,ul.menubody li ul li:hover {
background-color:#333;
}