/* ----- 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
{ 
    display: block !important;
    clear:both !important;  
    height:0 !important; 
    margin:0 !important; 
    padding:0 !important; 
    font-size:0 !important; 
    overflow: hidden !important; 
    float: none !important; 
}
    
#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 notice ----- */
.globalNotice
{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #000000;
    display: block;
    margin: 2px 0px 2px 0px;
    padding: 4px;
    background-color: #DFE6EE;
    border: 1px solid #d8d6ca;
    overflow: hidden;
}

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

.globalNotice span a
{
    color: #000 !important;
}

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

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

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

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

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

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

.globalWarning
{
    background-color: #feeddb;
    background-image: url( ../icons/error.png );
    border-color: #f2b272;
    color: #c63300;
}
/* ----- global form ----- */
.disabled
{
    color: #999999;
}

form.global
{
    /*margin: 10px 0px 10px 0px;*/
    overflow: auto;
    margin-bottom: 10px;
}

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

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

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, 
form.global fieldset div.checkbox, 
form.global fieldset div.checkboxlist, 
form.global fieldset div.date, 
form.global fieldset div.input, 
form.global fieldset div.select, 
form.global fieldset div.radio, 
form.global fieldset div.radiolist, 
form.global fieldset div.text,
form.global fieldset div.textarea
{
    /*border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;*/
    margin-bottom: 1px;
    padding: 2px;
    position: relative;
    overflow: auto;    
}

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

form.global fieldset div.captcha div.globalFormContainer, 
form.global fieldset div.checkboxlist div.globalFormContainer, 
form.global fieldset div.date div.globalFormContainer,
form.global fieldset div.input div.globalFormContainer,
form.global fieldset div.select div.globalFormContainer,
form.global fieldset div.radio div.globalFormContainer,
form.global fieldset div.radiolist div.globalFormContainer,
form.global fieldset div.text div.globalFormContainer,
form.global fieldset div.textarea div.globalFormContainer
{
    overflow: hidden;
    position: relative;
}

form.global fieldset div.textarea div.globalFormContainer div.fieldBorder,
form.global fieldset div.checkboxlist div.globalFormContainer div.fieldBorder, 
form.global fieldset div.date div.globalFormContainer div.fieldBorder,
form.global fieldset div.input div.globalFormContainer div.fieldBorder,
form.global fieldset div.select div.globalFormContainer div.fieldBorder,
form.global fieldset div.radio div.globalFormContainer div.fieldBorder,
form.global fieldset div.radiolist div.globalFormContainer div.fieldBorder,
form.global fieldset div.textarea div.globalFormContainer div.fieldBorder
{        
    background-color: #ffffff;
    border: 1px solid #323232;
    padding: 2px;
    width: 270px;
}

form.global fieldset div.textarea div.globalFormContainer div.fieldBorder textarea,
form.global fieldset div.input div.globalFormContainer div.fieldBorder input,
form.global fieldset div.select div.globalFormContainer div.fieldBorder select
{
    border: none;
    width: 100%;
    padding: 0;
    margin: 0;
}

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

form.global fieldset div.checkbox label input,
div.checkboxlist ul li input
{
    border: none;
    margin: 0;
    width: auto;
    position: absolute;
    top: 5px;
    left: 0;
}

form.global fieldset div.listsContainer
{
    overflow: hidden;
}

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

form.global fieldset div.checkboxlist ul li,
form.global fieldset div.radiolist ul li
{
    overflow: auto;
}

form.global fieldset div.checkboxlist ul li label,
form.global fieldset div.radiolist ul li label
{
    display: block;
    line-height: 20px;
    position: relative;
    padding-left: 20px;
}

form.global fieldset div.textarea div.globalFormContainer div.textareaBorder textarea
{
    background-color: transparent;
    border: none;
    height: 100%;
    padding: 0;
    width: 100%;
}