/*Elements CSS Framework by Ben Henschel*/
/*Mass Reset*/
/*Thanks to Eric for this reset http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ */

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
q:before, q:after, blockquote:before, blockquote:after
{
    content: "";
}
/*end of reset*/

body
{
    line-height: 1.6em;
    font-size: 12px;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    padding: 5px 5px;
    margin: 0px auto;
	 width: auto;
    
}

/*do not use h4-h6!*/
h1, h2, h3
{

    font-weight: bold;
    color: #000;
    margin-top: 8px;
    margin-bottom: 2px;
    padding: 0px;
}


/* h1 as pageTitle */
h1
{
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
}

h1.channelTitle
{
    font-size: 24px;
}



h2
{
    font-size: 14px;
}


h3
{
    font-size: 13px;
}

/* seprator in h1 */
h1 span
{
    margin: 0 6px;
    font-weight: normal;
    font-size: 14px;
}
/* a as nav path */
h1 a
{
    color: #03c;

}


.act
{
	text-align:right;
	margin: 2em 0;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #e8eef7;
}

.act .cancel
{
    margin-left: 40px;
}

.act .submit
{
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

.desc
{
    color: #b1b1b1;
}

.large
{
    font-size: 14px;
}



.small
{
    font-size: 12px;
}


.text_center
{
	  text-align: center;
}

.text_left,div.text_left
{
    text-align:left;

}
.text_right,div.text_right
{
    text-align:right;

}
.left
{
    float: left;
}

.right
{
    float: right;
}

.center
{
    margin-left: auto;
    margin-right: auto;
}

.hide
{
    display: none;
}

/* like p default style */
.p
{
    margin: 1.12em 0;
}

.indent
{
    text-indent: 2em;
}
/* emphasis, hilight,strong */
em, .em
{
    color: Red;
}

.bold
{
    font-weight: bold;
}

.info_hint, .info_error, .info_ok
{
    padding: 6px;
    margin-top: 15px;
    text-align: center;
    

    font-weight: bold;
    font-size: 13.3px;
}

.info_error
{

    background-color: #ffaeae;
}

.info_ok
{

    background-color: #cfeeb2;
}

.info_hint
{
    
    border: 1px solid #FC3;
  
    background-color: #FFC;

}

/* it is a clear fix for ie and ff */
.clear
{
    zoom: 1;
    clear: both;
}

.clear:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearR
{
    clear: right;
}

/*text color define*/
.orange
{
    color: #FF9600;
}

.green
{
    color: #88C566;
}

.blue
{
    color: #5c9ec0;
}

/*panel define*/

/*box*/
.panelOrange, .panelGreen, .panelBlue, .panelGray, .panelBlueImg
{
    margin-bottom: 15px;
    padding: 0 8px;
    padding-bottom: 8px;

}

.panelAD
{
    margin-bottom: 15px;
    padding: 0;
    border: 1px solid #5c9ec0;
}
/*h2 is panel title*/
.panelOrange h2, .panelGreen h2, .panelBlue h2, .panelGray h2, .panelBlueImg h2
{
    line-height: 2em;
    padding: 0 8px;
    margin: 0px -8px;
}

.panelOrange h2.background
{
    background-color: #FF9600;
}

.panelGreen h2.background
{
    background-color: #88C566;
}

.panelBlue h2.background
{
    background-color: #5c9ec0;
    color:White;
}

.panelBlueImg h2.background
{
    background: url(http://img.100e.com/img/booklib/bg_lest2.gif) top repeat-x;
}
.panelOrange
{
    border: 1px solid #FF9600;
}

.panelGreen
{
    border: 1px solid #88C566;
}


.panelBlue, .panelBlueImg
{
    border: 1px solid #5c9ec0;
}

.panelGray
{
    border: 1px solid #b1b1b1;
}



.more
{
    font-size: 12px;
    font-weight: lighter;
    float: right;
}

/* default margin for quick use  */
.marginH
{
    margin-left: 15px;
    margin-right: 15px;
}

.marginV
{
    margin-bottom: 15px;
    margin-top: 15px;
}
.marginVHalf
{
    margin-bottom: 8px;
    margin-top: 8px;
}
.marginT
{
    margin-top: 15px;
}

.marginB
{
    margin-bottom: 15px;
}

.marginL
{
    margin-left: 15px;
}
.marginR
{
    margin-right: 15px;
}
.marginNo
{
    margin: 0;
}

.marginVNo
{
    margin-top: 0;
    margin-bottom: 0;
}

.padding
{
    padding:15px;
}

.paddingHalf
{
    padding:8px;
}

.paddingL
{
    padding-left: 15px;
}

.paddingVHalf, tbody.paddingVHalf td, thead.paddingVHalf td,table.paddingVHalf td,table.paddingVHalf th
{
	padding-top: 8px;
	padding-bottom: 8px;
}

tbody.paddingVHalf td, thead.paddingVHalf td,table.paddingVHalf td,table.paddingVHalf th
{
	padding-top: 4px;
	padding-bottom: 4px;
}

table.padding td,table.padding th
{
	padding: 4px;
	
}

.step
{
    font-size: 14px;
    color: #888888;
    clear: both;
}

.step .current
{
    color: #4077C1;
    font-weight: bold;
    font-size: 14px;
}

.step .current span
{
    
    font-weight: bold;   
    border: 2px solid #4077C1;
}

.step span
{
    width: 14px;
    height: 18px;
	 line-height: 18px;
    font-weight: bold;
    padding-left: 4px;
    float: left;
    border: 1px solid #888888;
    
    margin-right: 5px;
}

.step div
{
    padding-top: 5px;
    margin-right: 15px;
    float: left;
}

/* tab is parent div */
.tab
{
    /*list-style: none;*/
    margin: 0;
    padding: 0;
    background-image: url(http://vc.100e.com/img/tab/bottomLine.gif);
    height: auto;
    min-height: 29px;
    _height: 29px;
}

.tab div
{
    float: left;
    padding: 0;
    height: 29px;
    min-height: 29px;
    _height: 29px;
    margin-right: 8px;
    background: url(http://vc.100e.com/img/tab/left.gif) left top no-repeat;
}

.tab div a
{
    font-size: 14px;
    display: block;
    line-height: 29px;
    padding: 0 20px;
    color: Black;
    background: url(http://vc.100e.com/img/tab/right.gif) right top no-repeat;
    white-space: nowrap;
    text-decoration: none;
}

.tab div.current
{
    background: url(http://vc.100e.com/img/tab/left_current.gif) left top no-repeat;
}

.tab div.current a
{
    background: url(http://vc.100e.com/img/tab/right_current.gif) right top no-repeat;
    color: White;
    font-weight: bold;
}

.tab div a:hover
{
    color: Blue;
}

.tab div.current a:hover
{
    color: White;
}

/* use for section,option,subcategory */
.subNav
{
}

.subNav a
{
    border-left: 1px solid #cccccc;
    padding: 0 10px;
    color: #04c;
    text-decoration: none;
}
.subNav.v a
{
display: block;
}
.subNav a.first
{
    border: none;
    padding-left: 2px;
}

.subNav a.last
{
    
    padding-right: 0;
}

.subNav a.current
{
    color: Black;
    font-weight: bold;
    text-decoration: none;
}

.linkNo a, .linkNo
{
    text-decoration: none;
}

.link a, .link
{
    text-decoration: underline;
}


.borderT
{
    border-top: 1px solid #b1b1b1;
}

.borderB
{
    padding-bottom:4px;
    border-bottom: 1px solid #b1b1b1;
}

.borderNo
{
    border: none;
}

ul, ol
{
    padding: 0;
    margin: 0;
}
ul
{
    margin-left: 16px;
}

ol
{
    margin-left: 26px;
}

/*for ul list*/
.listNo
{
    list-style: none;
}


table td
{
    padding: 2px 0;
    vertical-align: top;
}

table. td
{
    padding: 2px 0;
    vertical-align: top;
}

th
{
    font-weight: bold;
    vertical-align: top; /*background-color: ThreedFace;*/
    padding: 2px 0;
    padding-right: 2px;
}
tr.odd , .odd
{
background-color:White;

}

tr.even , .even
{
background-color:#F4F3F2;
}
tHead tr th, tHead tr td
{
    text-align: left;
    font-weight: bolder; /*	background-color: #ccc;*/
    background-color: #eeeeee;
    border-top: 2px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
}

.page
{
    height: 30px;
    line-height: 30px;
    margin: 5px;
    text-align: center;
    margin-top: 10px;
}
.page span
{
    margin-left: 5px;
}

.relative
{
    position: relative;
}

.absolute
{
    position: absolute;
    
}

.imgMax700 img
{

    max-width:700px;
    
    
    _zoom:expression( function(elm) {    
          if (elm.width>700) {   
              elm.width=700;                 
                         
        }   
         elm.style.zoom = '1';   
     }(this));   
     
    

}

.imgMax500 img
{

    max-width:500px;
    
    
    _zoom:expression( function(elm) {    
          if (elm.width>500) {   
              elm.width=500;                 
                         
        }   
         elm.style.zoom = '1';   
     }(this));   
     
    

}