@import url("reset.css");

/* ---------- General styles ---------- */
body { font-family:Calibri, Arial; font-size:12px; color:#404040; background:#1e7aa8 url(../images/body.jpg) repeat-x;}
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear floated columns */
a {text-decoration:none; color:#336699;}
a:hover { text-decoration:underline}
p { line-height:1.2em; padding:3px 0;}
h1 { font-size:20px;}
h2 { font-size:15px;}
.blue { color:#336699}
.left { float:left;}
.right { float:right;}

#wrapper { width:938px; height:auto; margin:auto; background:#fff;}

.header { background:url(../images/header.png) no-repeat; width:100%; height:135px;}
.header .logo { float:left; padding:29px 0 0 0;}
.header .logo .tagline { font-size:24px; color:#fff; padding:5px 0 0 10px; font-weight:normal;}
.header .bubble { background:url(../images/bubble.png) no-repeat; width:370px; height:26px; float:right; margin:100px 10px 0 0;}
.header .bubble h2 { font-size:15px; color:#333; font-weight:normal; padding:3px 0 0 40px;}
.header .bubble h2 span { color:#076DA0}

.center { width:917px; margin:auto; padding:20px 0 0 0; overflow:hidden}
.center .left-side { width:336px; float:left; margin:0 12px 0 0;}
.center .left-side .advertisment { width:336px; height:280px; margin:15px 0 0 0;}
.center .left-side .gft { width:334px; text-align:center; border:solid 1px #999; padding:5px 0; margin:11px 0 0 0;}
.center .left-side .gft a { font-family:Arial, Helvetica, sans-serif; font-size:15px;}
.center .right-side { float:right; width:569px;}
.center .right-side fieldset { border:solid 1px #999; padding:0 14px 17px 14px; height:auto; min-height:354px;}
.center .right-side fieldset legend { font-size:23px; color:#333; padding:0 10px;}
.center .right-side .bu .inp { width:430px; height:23px; padding:3px; border:solid 1px #999; line-height:25px;}
.center .right-side .bu .browse { background:url(../images/browse.jpg) no-repeat; width:82px; height:31px; border:none; cursor:pointer}
.center .right-side .bu .blue { border-bottom:dotted 1px #999; padding:10px 0 15px 0;}
.center .right-side .bu .include { padding:10px 0 10px 0;}
.center .right-side .bu .select { padding:3px 0 0 22px; margin:7px 0 0 0;}
.center .right-side .bu .select select { border:solid 1px #adadad; width:127px; height:20px;}
.center .right-side .bu .modify { background:url(../images/modify_box.png) no-repeat; width:539px; height:84px; clear:both; margin:20px 0 0 0; }
.center .right-side .bu .modify .title { font-size:14px; font-weight:bold; color:#000; padding:10px 0 0px 15px}
.center .right-side .bu .modify .title span { color:#666}
.center .right-side .bu .modify ul li { float:left; font-size:16px; font-weight:normal; padding:7px 15px 0 15px; text-align:center;}
.center .right-side .bu .modify ul li#resize { margin-right: 51px; }
.center .right-side .bu .modify ul li#rotate { margin-right: 45px; }
.center .right-side .bu .modify ul li span { color: #369; }

.gallery_option { margin: 35px 0px; }

.center .right-side .bu .upload { clear:both; text-align:center; padding:31px 0 0 0;}
.center .gallery { border:solid 1px #999; padding:0 14px 17px 14px; height:225px;}
.center .gallery legend { font-size:20px; color:#333; padding:0 10px;}
.center .gallery ul li { float:left; padding:25px 20px;}
.center .gallery .blue { font-size:16px; font-weight:bold}
.center .banner { width:728px; height:90px; margin:17px auto 18px auto}

.blue-block { background:#c6deea; padding:15px 11px; height:250px;}
.blue-block .banner { width:250px; height:250px; float:left}
.blue-block .text { float:right; width:600px; padding:0 0 0 15px;}

.footer { width:940px; margin:auto; color:#fff; padding:5px 0 40px 0; overflow:hidden;}

.selects { border:solid 1px #adadad; width:100px; height:20px; margin:2px 0 0 0;}

#captcha_wrapper { width: 320px; margin: 15px auto 0px auto; }