/* reset */
body {margin:0; padding:0; font:12px Tahoma; color:#000; background:#fff;}
img {border:none;}
div {overflow:hidden;}
p { margin: 6px 0; }
ul {list-style-type:none;}

/* gb */
h1 { font-size: 18px; padding:15px 0 15px 40px; margin:0; background: url('../img/logo_pa.jpg') no-repeat left; width:700px; float:left; }
h2 {font-size:14px; line-height:18px; color:#FA993A; margin:5px 0;}

a:link, a:visited { color:#6D7174; }

#top {height:38px; background: url('../img/top_bg.gif') repeat-x;}
#top ul {float:left; overflow:hidden; padding:0; margin:8px 0 0 40px;}
#top ul li {float:left; display:block; height:30px; padding:0px; margin:0 4px 0 0; overflow:hidden; background:url('../img/top_btn_n_left.gif') no-repeat top left;}
#top ul li a {line-height:30px; vertical-align:center; padding:8px 8px 7px 8px; background:url('../img/top_btn_n_right.gif') no-repeat top right; text-decoration:none; font-weight:bold; color:#000;}
#top ul li.selected {background-image:url('../img/top_btn_s_left.gif')}
#top ul li.selected a {background-image:url('../img/top_btn_s_right.gif');}

#wrapper {width:985px; margin:20px auto;}
#content { background:#F6FAFD; padding:10px 20px; float:left; } 
#select_lang_box { margin:15px 30px 0 0; float:right; } 
#select_lang_box a {color:#000;}
#select_lang_box a.selected { font-weight: bold;  }
#looks, #functions {width:450px; float:left;}
#actions, #preview {clear:both; margin:20px;}
#preview h2 {padding:0;}
div.element { margin-bottom:8px; clear:both;  }
div.element label {color:#6D7174; font-weight:bold; width:120px; text-align:right; display:block; float:left; padding-right:8px;}
div.element div.subgrup {width:170px; float:left;}
div.element div.narrow {width:80px;}
div.element div.narrow label {padding-top:4px;}
div.element div.subgrup label {width:auto; font-weight:normal; }
div.element div.subgrup input {float:left;}
div.element div.subgrup select {width:140px;}
div.element .help_icon { background:url('../img/info_icon.gif') no-repeat center; padding:5px 10px; }

#regions select {width:220px;}
div#actions {text-align:center;}
div#actions input#previewWidget, div#actions input#generateWidget  { border: none; background:url(../img/preview_widget.gif) no-repeat center; width:270px; height:27px; color:#fff; font-weight:bold; }
div#actions input#sendCode  {  } 
input#sendCodeButton  { background: url("../img/send_email.gif") no-repeat left; border:none; width:30px; height:30px; } 
p.email_response { margin-left: 125px;   }

input#sendCodeButton.hover { background: url("../img/send_email_hover.gif") no-repeat left;  }

div#sample_container { background:#fff; padding:10px; margin:20px; border:1px solid #ebebeb; }

.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; /* background: #fff; border:1px solid #57B6CD; padding: 5px;  */}
.tooltip2{ position: absolute; top: 0; left: 0; z-index: 3; display: none; background: #fff; border:1px solid #57B6CD; padding: 5px; width:200px; }

.item_banner { padding:15px 0 15px 15px; float:left; width:300px; }
.item_banner .code { display:block; width:290px; height:100px; }
.item_banner p { height:35px; }


.colorSelector {position:relative; width:36px; height:36px; background:url('../img/colorpicker/select2.png');}
.colorSelector div {position:absolute; top:4px; left:4px; width:28px; height:28px; background:url('../img/colorpicker/select2.png') center;}
.x-clear { clear:both; height: 0; margin:0; padding:0; }