.i2style_logo{
background: url(i2style_logo.png) no-repeat scroll 0 0 transparent;
}

#i2style_iBanner {
background: url(i2style.png) no-repeat scroll 0 0 transparent;
}

#iPage {
margin: 0 auto;
padding: 0;
position: relative;
text-align: left;
/*width: 90%;
min-width:1152px;*/
}

.pageWidth{
width: 900px;
}

.divWidth{
margin:0 auto;
}

.varyDiv
{
margin:20px 10px 3px 10px;
}

.varyDiv:active{
position:relative;
top:2px;
}


.hexDiv
{
background:#fff;
padding:1px 7px 2px 7px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border:1px solid #ddd;
opacity: 0.5;
color:#000;
font:normal 11px tahoma; 
-moz-box-shadow: 1px 1px 2px #000;
-webkit-box-shadow: 1px 1px 2px#000;
margin-left:10px;
}

.iNote
{
font:normal 13px tahoma; 
color:#aaa;
}

#cssViewer{
color:#000;
padding:20px;
width:850px;
margin-left:10px;
height:190px;
}

#htmlViewer{
height:430px;
color:#000;
padding:20px;
width:850px;
margin-left:10px;
}

.iTextHex{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font: normal 11px verdana;
border: 1px solid #ccc;
color:#444;
background:#eee;
text-align:center;
}


.iTextArea{
overflow-y:hidden;
overflow-x:hidden;
height:80px;
padding-top:20px;
}

.mb5{
margin-bottom:5px;
}

.mt5{
margin-top:5px;
}

.mt10{
margin-top:10px;
}

.mt15{
margin-top:15px;
}

.mt20{
margin-top:20px;
}

.mt30{
margin-top:30px;
}

.iLegend {
font:normal 11px tahoma; 
margin-bottom:2px;
color:#666;
text-align:right;
margin-right:100px;
}

.options a{
position:relative;
background:url(bin_closed.png) no-repeat;
color:#ccc;
text-decoration:none;
padding:37px 5px;
width:32px;
height:32px;
margin-left:5px;
}

.options a:hover{
background:url(bin_open.png) no-repeat;
color:crimson;
text-decoration:underline;
padding:37px 5px;
width:32px;
height:32px;
}


.back a{
color:#bbb;
font:normal 11px tahoma;
text-decoration:none;
padding-left:5px;
padding-top:5px;
}

.back a:hover{
color:#333;
}

.iLeft{
float:left;
padding: 0 10px;
}

.clearBoth {
clear:both; 
}

.iLine{
border-right:1px dotted #ccc;
}

.iBtn{
height:28px;
text-shadow:1px 1px 5px #fff;
font:normal 11px tahoma;
padding: 5px 7px;
}

.innerColorThumb{
margin:4px 5px 5px 4px;
width:22px;
height:22px;
border: 1px solid #eee;
}

.outerColorThumb{
margin-top:3px;
width:32px;
height:32px;
border:1px solid #aaa;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#Top a { 
display:block; 
position:fixed;
bottom:40%;
right:0;
background:#f7f7f7; 
padding:7px 7px;
border:1px solid #ccc;
background: #fff url(green.png) 50% 50% no-repeat;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width:32px;
height:32px;
z-index:200;
}
 
 #Top a:hover {
background: #fff  url(blue.png) 50% 50% no-repeat;
border:1px solid #ccc;
z-index:200;
}

.previewDiv{}
.previewDiv:active{cursor:pointer; position:relative; top:2px;}

.div_preset{cursor:pointer}
.div_preset:active{cursor:pointer; position:relative; top:1px;}

.i2style_iButton_next {
background: url(i2style_submit_next.png) no-repeat scroll 0 0 transparent;
width: 85px;
}

.i2style_iButton_back {
background: url(i2style_submit_back.png) no-repeat scroll 0 0 transparent;
width: 85px;
}

input.iButton {
border: medium none;
display: block;
height: 56px;
line-height: 56px;
outline: medium none;
overflow: hidden;
text-indent: -9000px;
}

input.iButton:hover{
background-position: 0 -56px;
cursor: pointer;
}

.iText{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font: normal 13px arial;
border: 1px solid #ccc;
color:#444;
}

.iTextInput{
-moz-border-radius: 4px;
border-radius: 4px;
font: normal 13px arial;
border: 1px solid #ccc;
color:#444;
padding:7px;
width:100px;
}

.iTextColor{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font: normal 13px tahoma;
border: 1px solid #ccc;
color:#444;
width:60px;
padding:7px 8px;
}


.iLabel {
font:normal 11px tahoma; 
padding:1px;
color:#aaa;
}

.p10 {
padding-left:10px;
}


.iInfo{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font: normal 11px verdana;
color:#000;
}

#variation{
/*overflow-y:auto;
height:800px;*/
margin:0 auto;
}

#textInput
{
color:#000;
font-weight:bold;
}

.iGreen{
color:#039611;
}

.wList{
width:90px;
}


.wl{
width:180px;
}

.wc{
width:420px;
padding:20px 0 10px 0;
}

.wr{
width:90px;
margin-left:70px;
}

.iContentCSS{
background:#fdfdfd;
padding:15px 20px 20px 30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border:1px solid #ccc;
}

.iFeature{
font: normal 21px Helvetica, Arial, FreeSans, sans-serif;
color: #000;
margin-left:20px;
padding:20px 0;
}

.iNext{
float:right; 
margin-right:250px;
}

.iRadio{
padding-right:3px;
padding-top:7px;
font-size:11px;
float:left;
color:#999;
font:normal 11px arial;
}

#varyLabel{
float:left;
color:#000;
font-size:12px;
padding-right:5px;
}

#varyPanel{
background:#f7f7f7; 
padding-left:20px; 
padding-right:10px; 
padding-bottom:38px; 
border-radius:20px; 
-moz-border-radius:20px;
-webkit-border-radius:20px;
border:1px solid #ccc;
box-shadow:0px 0px 10px #ddd;
-moz-box-shadow:0px 0px 10px #ddd;
-webkit-box-shadow:0px 0px 10px #ddd;
}

fieldset {
border:1px solid #ddd;
border-radius:20px; 
-moz-border-radius:20px;
-webkit-border-radius:20px;
padding:20px 0 20px 40px;
background:#fff;
}

legend {
padding:5px 20px;
background:#eee;
border:1px solid #ddd;
border-radius:20px; 
-moz-border-radius:20px;
-webkit-border-radius:20px;
color:#000;
}

#iWall{
background:#eee;
padding:20px;
border-radius:20px; 
-moz-border-radius:20px;
-webkit-border-radius:20px;
border:1px solid #ccc;
}

.iLink a{
color:#ff822e;
text-decoration:none;
}

.iLink a:hover{
color:#666;
text-decoration:underline;
}


#wait{
background: url('wait.gif') no-repeat;
height:16px;
width:16px;
display:none;
position: absolute;
margin-left:10px;
}


.iLinkBut a{
padding:0 10px;
font:bold 25px tahoma; 
text-shadow:0 -1px 0 #fff; 
color:#039611;
text-decoration:none;
}

.iLinkBut a:hover{
text-decoration:none;
border:1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 1px 1px 2px #000;
-webkit-box-shadow: 1px 1px 2px#000;
}