/* style for big error box in the top-left corner */

/**
!!!!!! DO NOT MODIFY HERE !!!!!

COPY THIS FILE TO /site/common/css AND CHANGE THEN

!!!!!! DO NOT MODIFY HERE !!!!!
**/


.LuckyEngine_Error_Box {
    background-color: #FFC7C7;
    border: 1px solid #FF7070;
    padding: 5px;
}

.LuckyEngine_Error_Box .Hide_Link {
    color: blue;
}

/* style for form elements error messages (form checks) */

/**
!!!!!! DO NOT MODIFY HERE !!!!!

COPY THIS FILE TO /site/common/css AND CHANGE THEN

!!!!!! DO NOT MODIFY HERE !!!!!
**/

.LuckyEngine_Error_Messages {
    color: red;
}

/* style for big message box in the top-left corner */

/**
!!!!!! DO NOT MODIFY HERE !!!!!

COPY THIS FILE TO /site/common/css AND CHANGE THEN

!!!!!! DO NOT MODIFY HERE !!!!!
**/

.LuckyEngine_Message_Box {
    background-color: #DAEFF8;
    border: 1px solid #7CC7E4;
    padding: 5px;
}


HTML { height: 100%; margin-bottom: 1px; }
BODY { height: 100%; margin: 0; padding: 0; background-color: #e6e6e6; }
BODY, INPUT, SELECT, TEXTAREA { color: #5d5d5d; font-size: 11px; font-weight: normal; font-family: Tahoma, Verdana, Arial, sans-serif; }
FORM { margin: 0; padding: 0; }
INPUT { border: 1px solid #58187a; padding-left: 2px; padding-right: 2px; }
TEXTAREA { border: 1px solid #58187a; padding: 5px 3px; }
IMG { border: none; vertical-align: -3px; }
H2 { margin: 0; padding: 0 0 15px; color: #d921c6; font-size: 14px; font-weight: bold; }
H3 { margin: 0; padding: 0 0 2px; color: #58187a; font-size: 13px; font-weight: bold; }
P { margin: 10px 0; }
OL, UL { margin-top: 10px; margin-bottom: 10px; }
UL { list-style: square; }
UL LI { margin-bottom: 5px; }
A { color: #d921c6; text-decoration: underline; outline: none; }
A:hover { text-decoration: none; }
A.email { font-size: 10px; }


/* layout */
/*
#pageBrdL { background: #fff url(../img/pageBrd.gif) repeat-y left top; width: 760px; margin: 0 auto; }
#pageBrdR { width: 100%; background: url(../img/pageBrd.gif) repeat-y right top; }
*/
#page { position: relative; width: 760px; min-height: 100%; margin: 0 auto; background: #fff url(../img/page_dotted.gif); }
* HTML #page { height: 100%; }
#content { padding: 0 31px; line-height: 15px; }
.homepage { width: 594px; height: 352px; margin: 0 auto; padding: 80px 0 0 28px; background: url(../img/home.jpg) no-repeat; }
.homepage .txt { width: 222px; color: #fff; }
.homepage .txt A { color: #fff; }


/* header */
#header { padding: 21px 21px 25px; }
#header .left { float: left; width: 552px; }
#header .left .slogan { margin-bottom: 11px; background: #f5f5f5 url(../img/slogan.gif) no-repeat; background-position: 50% 50%; height: 85px; text-indent: -8000px; }
#header .right { float: right; width: 144px; background: url(../img/clp.gif) no-repeat; }
#header .right H1 { margin: 0; padding: 0; font-size: 0; text-indent: -5000px; }
#header .right A { display: block; height: 123px; }


/* menu */
UL#menu { width: 100%; margin: 0; padding: 0; list-style: none; }
UL#menu LI { float: left; width: 91px; padding-right: 1px; margin-bottom: 0; }
UL#menu LI A { display: block; width: 100%; background-color: #58187a; color: #fff; font-size: 12px; text-decoration: none; line-height: 26px; text-align: center; }
UL#menu LI A:hover { background-color: #d921c6; }
UL#menu LI A SPAN { border-bottom: 1px dashed  #d921c6; }
/*UL#menu LI A:hover SPAN { border-bottom: 1px dashed  #58187a; }*/


/* block */
.tblDoc { width: 535px; line-height: normal; }
.tblDoc .rowH { font-weight: bold; padding: 1px 0 4px 42px; }
.tblDoc .rowH .title { width: 310px; }
.tblDoc .row { background-color: #f5f5f5; border-bottom: 2px solid #fff; padding: 3px 0 3px 12px; line-height: 16px; }
.tblDoc .title { float: left; width: 340px; padding-right: 10px; }
.tblDoc .title A { display: block; width: 300px; background-image: url(../img/ico_PDF.gif); background-position: left top; background-repeat: no-repeat; padding-left: 30px; font-weight: bold; text-decoration: underline; }
.tblDoc .title A:hover { background-position: 0 -16px; text-decoration: none; }
.tblDoc .date { float: left; width: 100px; }
.tblDoc .size { float: left; width: 60px; }

.blkcontact { width: 188px; background-color: #f5f5f5; margin-top: 15px; padding: 10px; }
.blkcontact SPAN.h3 { padding: 0 0 2px; color: #58187a; font-size: 13px; font-weight: bold; }

.brdmap { float: right; background: url(../img/map_bg.gif) no-repeat; width: 366px; height: 366px; padding-top: 11px; padding-left: 11px; }
#map { width: 350px; height: 350px; }


/* footer */
#clearfooter { position: relative; height: 100px; }
#footer { position: absolute; bottom: 20px; padding: 0 21px; color: #aeaeae; font-size: 10px; }
#footer .left { float: left; padding-top: 6px; }
#footer .left A { color: #aeaeae; text-decoration: none; }
#footer .left A:hover { text-decoration: underline; }
#footer .right { float: right; padding-top: 6px; }
#footer .right A { display: block; width: 53px; height: 12px; background: url(../img/do1.gif) no-repeat; text-indent: -5000px; }
#footer P { margin: 3px 0 8px; }


.horLine { background: url(../img/horLine.gif) repeat-x; background-position: 0 50%; height: 41px; clear: both; font-size: 0; }

DIV.floatImg { float: right; border: 1px solid #f5c7f1; margin: 0 0 5px 5px; }
DIV.floatImg IMG { border: 1px solid #fff; }
IMG.floatImg { float: right; margin: 0 0 15px 20px; }

.aLeft { text-align: left; }
.aRight { text-align: right; }
.aCenter { text-align: center; }

.fleft { float: left; }
.fleft50 { float: left; width: 48%; }
.fright50 { float: right; width: 48%; }
.fright { float: right; }
.nofloat { clear: both; font-size: 0; }