/*
*    FORM MESSAGES
***********************************************************************/
.errorMessage { font-weight:bold; color:red; }
.infoMessage {color : green;}
.confirm { width:100%;text-align:center;display:none; }
.confirmMessage { font-weight:bold;font-size:14px; }
.message{ font-weight:bold; font-size:14px; }
.info-level{ color:blue; }
.crit-level{ color:red; }
.warn-level{ color:orange; }

/* font setting */
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.fontColorWhite {color: white;}
.fontColorBlack {color: black;}
.fontSizeSmaller {font-size: 12px;}
div span.centerText { display: inline-block; vertical-align: middle;}

/* image s*/
img.centerImageHorizontally {width: 100%;}
img.centerImageVertically {height: 100%;}

/* buttons */
input.commandButton { background-color: #0078AF; background-image:none; border: 1px solid #364D55; color: white;}
input[type="submit"]:hover, input[type="button"]:hover{
    background-image:url("");
    background-repeat: no-repeat;
}

/* tables */
td.rel-hol-grey{background-color: grey;}
.col2Left { width: 50%; }
.col2Right { width: 50%; }
/*.col3Left { width: 30%; }
.col3Middle { width: 40%; }
.col3Right { width: 30%; }*/

/* hyper links */
.hyperLinkDelimiter { margin-left: 10px; margin-right: 10px; }
/*a:link {text-decoration:none; color: #747474; }      */
a:link {color: #747474; }
a:visited {color:white;}
a:hover {color:white;}

/* main box */
div { margin: 0px; border: 0px; padding: 0px; border-spacing: 0px;}
div#bodyWrapper { width: 968px; height: 618px; margin:10px auto; border: 2px solid #CACACA; padding: 0px; background-color: #FFFFFF; }
div#mainPageWrapper { padding: 20px 20px 16px 20px;}
/*.centerBlock { display: block; margin-left: auto; margin-right: auto; }*/


/* header page */
div#headerWrapper { height: 31px; background-color: #3C3B37; color: white; padding-right: 5px;}
div.headerCenter {
    height: 31px; 
    display: table-cell;
    vertical-align: middle;
}
span.headerTitle { /*font-size: 20px;*/ text-align: center; }

/* footer page */
div#footerWrapper {width: 948px; border: 2px solid #CACACA; margin:10px auto; position: relative; top: -15px; height: 31px; line-height:31px; text-align: center; background-color: #3C3B37; color: white; padding-right: 20px; }
span.footerHyperLink { font-size: 12px; float: right; }

/* top page */
div.topPageBlock { height: 80px; margin: 0px 0px 10px 0px; color: white; background: url(../imgs/top_page_background.jpg) top repeat-x; }
div#topPageLeftWrapper  { width: 534px; float: left; line-height:80px; text-align: center; }
div#topPageRightWrapper { width: 392px; float: right; }
div.topPageRightUserLogined { line-height:80px; text-align: center; }
span.topPageHyperLink { font-size: 14px; color: white; }

/* welcome page */
div.welcomePageBlock { height: 100px; margin: 0px 0px 10px 0px; }
div.welcomePageBlockLeft  { width: 522px; float: left; }
div.welcomePageBlockRight { width: 390px; float: right; color: #888888; background-color: #F0F0F0; border: 1px solid #9E9E9E; }
div#welcomePageRightWrapper { text-align: center; }


/*div#welcomePageRightWrapper span.centerText { display: inline-block; vertical-align: middle;}*/
/*.titleMessage { font-size: 20px; font-weight: bolder; display: block; }*/
/*input, select, textarea, button, keygen, isindex, legend, a, span, div, button, input[type="reset"], input[type="submit"], input[type="button"] { font-size: 14px; font-family: Arial;}*/

/* reservation page */
.reservationPanel { margin: 0px 0px 10px 0px; }
/*.computerGroupPanelLeft { width: 50%; }
.computerGroupPanelRight { }
.computerGroupBlock { display: inline-block; margin: 10px 20px 10px 20px; }
.computerGroupSelected { color: #11ABC5; }
.computerGroupUnselected {color: black; }
.selectedClass {border: 2px;border-color: #11ABC5;border-style: solid;}*/
/*.reservationListPanel { margin: 0px 0px 0px 0px; }*/
.summaryPanel { width: 400px; margin: 0px auto; padding: 5px 5px 5px 10px; background-color: #F0F0F0; border: 1px solid #9E9E9E;}


.blue
{
    padding: 4px 4px 4px 4px;
    color: white;
    text-shadow: none;
    background-color: #4d90fe;
}