body {font:11px verdana,trebuchet ms,arial,sans-serif;line-height:180%;margin: 0px;color: #333;background:#fff url("bg.gif") repeat-x;text-align:center;overflow:-moz-scrollbars-vertical;}
ul{list-style-image:url(sb.gif);}
h1,h2,h3,h4{color:#369;padding:10px 0px;line-height:120%;clear:both;}
h1{font-size:18px;}
h2{font-size:16px;border-bottom:1px dotted #666;}
h3{font-size:14px;}
h4{font-size:10px;}
p{text-align:justify;}
pre{background-color:#eee;border:1px dotted #aaa;padding:5px 10px;}
hr{display:none;clear:both;}
a{text-decoration:none;color:#36f;}
a:visited{color:#36f;}
a:hover{color:#900;text-decoration:underline;}
span{border-bottom:3px double #ccc;}
textarea{border:1px solid #ddd;width:464px;}

#wrap{position:relative;width:730px;margin:0px auto;text-align:left;color:#333;background:#fff; padding:0px;}
#head{background:#fff url("head.gif") no-repeat; height:100px;}
#head h1{display:inline;}
#logo{float:left;width:150px;height:80px;background:transparent;border:0px;margin-left:0px;margin-top:0px;}
#mail{position:absolute;width:15px;height:15px;background: url(mail.gif) no-repeat top center;border:0px;top:50px;right:50px;}
#footer{clear:both;text-align:center;font-size:90%;margin-top:30px; padding:10px 0px; background:#fff;border-top:1px solid #ddd;}
#footer a,#footer a:visited{color:#999;}


ul#tabnav {background:#036;padding: 5px 0px 30px 40px;margin: 0px;list-style-type: none;clear:both;}
ul#tabnav li{float: left;height: 30px;width:130px;background-color: #036;display:block;}
ul#tabnav li.tabsel a {color:#fff;font-weight:bolder;}
ul#tabnav a {font-size: 12px;font-variant:small-caps;display: block;color: #aaa;text-decoration: none;text-align:center;width:100%;height:100%;border:0;}
ul#tabnav li.tabsel a:hover,#tabnav a:hover{color:#fff;}

ul#menu{font-size:11px;margin:15px 0px;padding:0px;list-style-type:none;list-style-image:none;}
ul#menu li{display:block;padding-left:20px;margin-top:1px;1border-bottom:1px solid #eee;}
ul#menu li a {padding:5px;display:block;text-decoration:none;color:#36f;border-left:1px solid #eee;width:190px;border:0;}
ul#menu li.menusel{background:#f2f2f2 url(larrow.gif) no-repeat 5px center;}
ul#menu li.menusel a {color:#900;}
ul#menu li a:hover,ul#menu li.menusel a:hover {color:#900;}

#generator{padding:0px 5px;background:#fff;}
#create_local{padding:5px;background-color:#f7f7f7;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-top:30px;}
#create_server{padding:5px;background-color:#f7f7f7;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#create_local h2, #create_server h2{background-color:#369;color:#fffff7;padding-left:10px;}

#header,#personal, #goaldiv, #work, #education,#language,#personalskill,#otherskill,#generated,#blank{clear:both;}

span.h {position:absolute; left:-50000px;}
div.twocol{clear:both;padding-top:20px;}
div.col1 {clear:left;float:left; padding:0px 10px;width:470px;min-height:300px;}
div.col2{float: right;width:220px;padding:0px;background:#fff}
div.fl{float:left;position:relative;}
div.fr{float:right;position:relative;}
div.fc{text-align:center;}
div.border{background-color:#fffff7;font-size:11px;margin:10px 0px;padding:5px;border:1px dotted #ccc;}
div.r {clear:both;padding-top:1px;}
div.r label {display: block; float: left; width:180px;}
div.r label.lol {display: block; float: left; width:150px;}
div.r input{width:310px;border:1px solid #ccc;}
div.r input, div.r textarea, div.r select{color:#003399;}
div.r input.half{width:152px !important; width: 151px;}
div.r input.third{width:90px;}
div.r .button{border:1px solid #aaa;width:25px;height:20px;background:#eee;color:#000;font-weight:700;margin-right:10px;}
div.help {float: right;padding:5px;width:170px;border-left:3px solid #ccc;font-size:90%;clear:left;background-color:#f7f7f7;}
div.section {clear:left;float:left; padding:5px;width:520px;margin-top:0;}

div.rhalf {float:right;padding:5px;width:340px;margin-right:10px;clear:left;}
div.lhalf {float:left; padding:5px;width:340px;margin-top:0;clear:left;}


#source{width:320px;color:#36c;overflow:scroll;word-wrap:normal;white-space:-moz-pre-wrap;}
#GOAL{margin-left:30px;}

#info{border:1px solid #ddd;padding-bottom:15px;clear:both;margin:6px 0px;background:#fffff7;}
#info p{width:500px;margin-left:160px;}
#info img{float:left;margin-left:50px;margin-top:40px;}

#warning{border:1px solid #ccc;padding-bottom:15px;clear:both;padding:30px;background:#900;color:#fff;text-align:center;font-size:14px;font-variant:small-caps;}


img.sp{padding:5px; border:1px solid #ddd;}