/* ----- reset ----- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 11px;
    font-family: Verdana;
    vertical-align: baseline;
    text-align: left;
}

:focus 
{
    outline: 0;
}

body 
{
    line-height: 1;
    color: black;
    background: white;
}

ol, ul 
{
    list-style: none;
}

table 
{
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td 
{
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after 
{
    content: "";
}

blockquote, q 
{
    quotes: "" "";
}
/* ----- milkbox ----- */
#mbOverlay 
{
    position: absolute;
    left: 0;
    width:100%;
    background-color: #000;
    z-index:100;
    cursor: pointer;
}

#mbCenter 
{
    position: absolute;
    z-index:101;
    overflow:hidden;
    left: 50%;
    top:10%;
    background-color: #fff;
    border: 5px solid #fff;
    margin:0; padding:5px;
}

.mbLoading
{ 
    background: #fff url(images/loading.gif) no-repeat center; 
}

#mbCanvas
{ 
    margin:0; 
    padding:0; 
    height:0; 
    border:none; 
    font-size:0; 
    overflow:hidden; 
}

.clear
{ 
    clear:both; 
    height:0; 
    margin:0; 
    padding:0; 
    font-size:0; 
    overflow:hidden; 
}
    
#mbBottom 
{ 
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
    line-height: 1.4em;
    text-align: left;
    padding-top:8px;
    margin:0;
}

#mbNavigation
{
    float:right;
    width:27px;
    padding-top:3px;
    border-left:1px solid #9c9c9c;
}

#mbCount
{ 
    width:55px; 
    overflow:hidden;
    padding-top:1px;
    float:right;
    text-align:right;
    font-size:9px;
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause
{
    outline:none;
    display:block;
    float:right;
    height:19px;
    cursor: pointer;
}

#mbPrevLink, #mbNextLink
{ 
    width:15px; 
}

#mbPrevLink
{ 
    background: transparent url(images/prev.gif) no-repeat;
}

#mbNextLink
{ 
    background: transparent url(images/next.gif) no-repeat; 
}

#mbPlayPause
{ 
    width:13px; 
}
#mbPlayPause
{ 
    background: transparent url(images/play-pause.gif) no-repeat; 
}

a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover 
{ 
    background-position: 0 -22px; 
}

#mbCloseLink 
{
    width:17px;
    background: transparent url(images/close.gif) no-repeat;
}

#mbDescription
{
    margin-right:27px;
    padding:0px 10px 0 0;
    font-weight: normal;
    text-align:justify;
}
/* ----- global ----- */
html, body
{
    width: 100%;
    height: 100%;
}       

body
{
    text-align: center;
}

input, select, textarea, button
{
    border: 1px solid;
    font-family: Verdana;
    font-size: 11px;
    padding: 2px; 
}

a
{
    text-decoration: none;
}
/* ----- global notice ----- */
div.globalNotice
{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 2px 0px 2px 0px;
    padding: 4px;
    background-color: #ebe9dd;
    border: 1px solid #d8d6ca;
    overflow: auto;
}

div.globalNotice span
{
    float: right;
    font-size: 9px;
}

div.globalAccept, div.globalError, div.globalIdea, div.globalInfo, div.globalHelp, div.globalWarrning
{
    background-repeat: no-repeat;
    background-position: 4px 2px;
    padding-left: 25px;
}

div.globalAccept
{
    background-color: #b4e1ad;
    background-image: url( /resources/icons/accept.png );
    border-color: #4d9a40;
    color: #4d9a40;
}

div.globalError
{
    background-color: #ffd8d8;
    background-image: url( /resources/icons/exclamation.png );
    border-color: #d64949;
    color: #e12929;
}

div.globalIdea
{
    background-image: url( /resources/icons/lightbulb.png );
}

div.globalInfo
{
    background-image: url( /resources/icons/information.png );
}

div.globalHelp
{
    background-image: url( /resources/icons/help.png );
}

div.globalWarrning
{
    background-color: #feeddb;
    background-image: url( /resources/icons/error.png );
    border-color: #f2b272;
    color: #c63300;
}
/* ----- global form ----- */
form.global
{
    margin: 10px 0px 10px 0px;
    overflow: auto;
}

form.global div.buttons
{
    padding: 5px;
}

form.global div.buttons button.submit
{
    float: right;
    text-align: center;
}

form.global div.buttons button.reset
{
    float: left;
    text-align: center;
}

form.global fieldset
{
    border: none;
    margin: 5px 0px 0px 0px;
    padding: 3px;
}

form.global fieldset button
{
    text-align: center;
}

form.global fieldset legend
{
    font-weight: bold;
    margin-left: 10px;
    padding-left: 2px;
    padding-right: 2px;
}

form.global fieldset div.captcha, div.checkbox, div.checkboxlist, div.date, div.input, div.select, div.radio, div.textarea
{
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-bottom: 1px;
    padding: 2px;
    position: relative;
    overflow: auto;    
}

form.global fieldset div.captcha label, div.checkboxlist label, div.date label, div.input label, div.select label, div.radio label, div.textarea label
{
    float: left;
    margin-top: 3px;
    padding-left: 3px;
    width: 150px;
}

form.global fieldset div.captcha div.globalFormContener, div.checkboxlist div.globalFormContener, div.date div.globalFormContener, div.input div.globalFormContener, div.select div.globalFormContener, div.radio div.globalFormContener, div.textarea div.globalFormContener
{
    padding-left: 5px;
    overflow: auto;
}

form.global fieldset div.checkbox label
{
    display: block;
    height: 20px;
    line-height: 20px;
    padding-left: 170px;
}

form.global fieldset div.checkbox label input
{
    border: none;
    margin-right: 5px; 
    width: auto;
}

form.global fieldset div.checkboxlist ul
{
    float: left;
    overflow: auto;
    list-style-position: outside;
    list-style-type: none;
}

form.global fieldset div.checkboxlist ul label
{
    padding-right: 5px;
    width: auto;
}

form.global fieldset div.checkboxlist ul input
{
    margin-right: 5px;
}