/* 
SlateGrey = #424242;
LightGrey = #bbbbbb;
ST Green = #427321;
ST Red = #841010;
ST Blue = #234FA8;
ST Yellow = #D3A306;

Logo font = Arista - with vertical stretch;
Tagline font = Century Gothic;
*/

/*-------------------------------------------------------------------------------------------------------*/

/* Business colors */
.Green { color: #427321; }
.Red { color: #7F2222; }
.Blue { color: #0c337e }

/*-------------------------------------------------------------------------------------------------------*/

/* HTML Elements */
body { font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; font-size: 10pt; background-color: #ffffff;	margin: 0px; background-image: url('../images/efx/efx_bg.gif');	background-attachment: fixed; color: #555555; }

a { text-decoration: none; color: #427321; font-weight: bold; }
a:hover { color: #990000; }

img { border: 0px; }

h1 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13pt; text-shadow: 1px 1px 2px #777; margin-bottom: 0px; margin-top: 10px; color: #427321; }
h2 { color: #333; font-size: 11pt; font-weight: bold; height: 15px; margin-bottom: 0px; margin-top: 0px;	padding-top: 0px; }

hr { border: 1px dotted #ffffff; margin-left: 20px; }

textarea { font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;	font-size: 10pt; color: #555555; }

/*-------------------------------------------------------------------------------------------------------*/

/* Buttons */
.clsButton { cursor: pointer; color: #ddd; width: 100px; height: 25px; border-radius: 5px; box-shadow: 3px 3px 4px #999; margin-top: 3px; background-color: #888; }
.clsButton:hover { color: #fff; }

.clsButton_Widget { cursor: pointer; color: #ddd; float: right; margin-right: 25px; border-radius: 5px; box-shadow: 2px 2px 3px #999; background-color: #888; }
.clsButton_Widget:hover { color: #fff; }

.clsButton_Grid { cursor: pointer; color: #ddd; font-size: 8pt; width: 50px; height: 18px; border-radius: 5px; margin-top: 5px; box-shadow: 2px 2px 3px #999; background-color: #888; }
.clsButton_Grid:hover { color: #fff; }

.clsButton_Blue { background-color: #0c337e; background: linear-gradient(to bottom, #4c73be 0%, #0c337e 100%); border: 1px solid #2c539e; }
.clsButton_Blue:hover { background-color: #2c539e; background: linear-gradient(to bottom, #5c93de 0%, #2c539e 100%); }
.clsButton_Blue:active { background-color: #4c73be; background: linear-gradient(to bottom, #0c337e 0%, #4c73be 100%); }

.clsButton_Red { background-color: #5F0202; background: linear-gradient(to bottom, #9F4242 0%, #5F0202 100%); border: 1px solid #7F2222; }
.clsButton_Red:hover { background-color: #7F2222; background: linear-gradient(to bottom, #bF6262 0%, #7F2222 100%); }
.clsButton_Red:active { background-color: #9F4242; background: linear-gradient(to bottom, #5F0202 0%, #9F4242 100%); }

.clsButton_Green { background-color: #225301; background: linear-gradient(to bottom, #629341 0%, #225301 100%); border: 1px solid #326311; }
.clsButton_Green:hover { background-color: #427321; background: linear-gradient(to bottom, #82A361 0%, #427321 100%); }
.clsButton_Green:active { background-color: #629341; background: linear-gradient(to bottom, #225301 0%, #629341 100%); }

.clsTabIcon { position: relative; margin-top: -4px; font-weight: bold; font-size: 8pt; color: #fff; height: 16px; padding-left: 3px; padding-right: 3px; padding-bottom: 1px; padding-top: 0px; border-radius: 7px; }
.clsTabIcon_Green { background-color: #427321; }
.clsTabIcon_Red { background-color: #841010; }

.clsInfoCard { font-size: 8pt; background-color: #eee; border-radius: 5px; border: 1px solid #ccc; box-shadow: 0px 0px 15px #aaa; min-height: 55px; min-width: 200px; margin-bottom: 10px; padding-right: 10px; padding-left: 10px; position: absolute; }
.clsInfoCard:hover { background-color: #fff; border: 1px solid #427321; }
.clsInfoCard tr { vertical-align: top }

/*-------------------------------------------------------------------------------------------------------*/

.clsKeyTable
{
    margin-left: 20px;
    margin-bottom: 20px;
    background-color: #eee;
    padding: 6px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 8pt;
    line-height: 15px;
}

.clsPopup
{
    background-color: #666666;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    opacity: .6;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
}

.clsFileUpload
{
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 0px; 
}

.clsInputForm hr
{
    border: 1px solid #427321;
    margin-left: 0px;
}

input, select
{
    color: #555555;
    margin-bottom: 10px;
}

.clsError
{
    color: #ffffff;
    background-color: #990000;
    font-weight: bold;
    padding: 5px;
}

.clsValidation
{
    color: #CC0000;
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 10px;
}

.clsPage
{
    width: 984px;
    margin: auto;
    background-color: #dfdfdf;
    border-left: 1px solid #ffffff;
    border-right: 3px solid #999999;
}

.clsHeader
{
    background-image: url('../images/logo/lgo_banner.jpg');
    width: 984px;
    height: 145px;
    text-align: center;
    text-align: right;
}

.clsHeader_Console
{
    background-image: url('../images/logo/lgo_banner_console.jpg');
    height: 93px;
}

.clsAddressBar
{
    font-size: 10pt;
    margin-left: 35px;
    color:  #424242;
}

.clsHeader #divConfigMenu
{
    padding-top: 3px;
    margin-right: 40px;
    text-align: right;
    padding: 0px;
}

.clsTopMenu
{
    background-image: url('../images/efx/efx_menubar.jpg');
    padding-top: 18px;
    padding-left: 35px;
    height: 35px;
    width: 940px;
    margin-top: 0px;
}

.clsTopMenu li
{
    display: inline;
    padding-bottom: 10px;
    background-image: url('../images/efx/efx_bullet.jpg');
    background-repeat: no-repeat;
    background-position: 0 0px;
    padding-right: 10px;
    padding-top: 7px;
    padding-left: 25px;
    text-align: center;
    z-index:10;    
}

.clsTopMenu a
{
    font-family: Century Gothic, Verdana, Arial;
    font-weight: bold;
    font-size: 11pt;
}

.clsFiltersBox
{
    width: 740px;
    padding: 20px;
    padding-bottom: 0px;
    
}

.clsExpandBtn
{
    float: right;
    margin-right: 15px;
    margin-top: 5px;
}

.clsSlider_Main
{
    width: 740px;
    height: 150px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 20pt;
}

.clsTabStrip
{
    border-bottom: 1px solid #427321;
    width: 870px;
    height: 28px;
    padding-left: 10px;
}

.clsTabStripItem
{
    border: 1px solid #427321;
    padding: 5px;
    text-align: center;
    background-color: #dfdfdf;
}

.clsTabStripSelected
{
    border-bottom: 1px solid #ffffff;
    background-color: #ffffff;
}

.clsColumnContainer
{
    margin-left: 20px;
}

.clsColumn_Left
{
    vertical-align: top;
}

.clsColumn_Central
{
    vertical-align: top;
}

.clsColumnBox_Left
{
    width: 176px;
	text-align: center;
    vertical-align: top;
    background-image: url('../images/efx/efx_bgpanel_left.png');
    background-repeat: no-repeat;
    padding-top: 10px;
    padding-right: 15px;
    cursor: pointer;
}

.clsColumnBox_Left span
{
    font-family: Century Gothic, Verdana;
    font-size: 12pt;
    color: #666666;
    float: right;
    font-weight: normal;
    padding-right: 26px;
}

.clsColumnBox_Central
{
    width: 646px;
	text-align: left;
    vertical-align: top;
    background-image: url('../images/efx/efx_bgpanel_central.jpg');
    background-repeat: no-repeat;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 100px;
}

.clsColumnBox_Wide
{
    width: 920px;
	text-align: left;
    vertical-align: top;
    background-image: url('../images/efx/efx_bgpanel_wide.png');
    background-repeat: repeat-y;
    padding-left: 29px;
    padding-top: 1px;
    padding-right: 50px;
}

.clsColumnBox_Left ul
{
    padding-left: 15px;
    margin-bottom: 0px;
}

.clsColumnBox_Left li
{
    font-size: 9pt;
    color: #427321;
    width: 130px;
    color: #424242;
    border-bottom: 1px dotted #a0a0a0;
    padding-bottom: 5px;
    padding-top: 3px;
}

.clsColumnBox_Half
{
    background-image: url('../images/efx/efx_bgpanel_half.png');
    background-repeat: repeat-y;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 1px;
    margin-bottom: 0px;
    border: 0px solid #fff;
}

.clsQuestion
{
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
}

/* GridView */
.clsGrid_HiddenCol { display: none; background-color: #99ccff; }
.clsGrid { font-size: 8pt;  margin-bottom: 10px; }
.clsGrid td { border: 1px solid #427321; padding: 3px; }
.clsGrid th { border: 1px solid gray; background-color: #cccccc; padding: 3px; }

/* Dialog box */
.clsDialog { display: none; position: absolute; font-size: 10pt; background-color: #eeeeee; border: 1px solid #a0a0a0; padding: 0px; z-index: 99; }
.clsDialogTitle { background-color: #333333; color: #ffffff; font-weight: bold; text-align: center; padding: 5px 10px; }
.clsDialogBody { padding: 20px; }


.clsCourseItem
{
    border-bottom: 1px dotted #a0a0a0;
    height: 80px;
    width: 720px;
}

.clsWatermark
{
    margin-left: 10px;
    width: 700px;
    background-repeat: no-repeat;
    color: #ffffff;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-right: 20px;
}

.clsWatermark a
{
    color: #ffffff;
}

.clsWatermark a:hover
{
    color: #990000;
}

.clsWatermark_400
{
    background-image: url('../images/efx/efx_watermark_400.jpg');
    height: 400px;
}

.clsWatermark_900
{
    background-image: url('../images/efx/efx_watermark_900.jpg');
    height: 900px;
}

.clsWatermark_549
{
    background-image: url('../images/efx/efx_watermark_549.jpg');
    height: 549px;
}

.clsWatermark_QuickEnquire
{
    background-image: url('../images/efx/efx_watermark_400.jpg');
    height: 400px;
    padding: 30px;
}

.clsWatermark_Login
{
    background-image: url('../images/efx/efx_watermark_400.jpg');
    height: 400px;
    font-size: 12pt;
    padding: 30px;
}

.clsWatermark .fc-day
{
    background-color: #fff;
    color: #427321;
    font-weight: bold;
}

.clsWatermark h2
{
    color: #fff;
}

.clsInputForm
{
    background-color: #ffffff;
    width: 875px;
}

.clsControls
{
    text-align: right;
    width: 870px;
}

.clsBook
{
    width: 120px;
    text-align: center;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
}

.clsBook img
{
    margin-left: 10px;
    margin-right: 10px;
}

.clsBook a
{
    color: #333333;
    font-weight: normal;
    font-family: arial;
}

.clsAvatar_Small
{
    width: 40px;
    border: 1px solid green;
}

.clsAgendaCommentBoxContainer
{
    margin-left: 10px;
    margin-right: 10px;
}

.clsAgendaCommentBox
{
    width: 790px;
    height: 60px;
    margin-left: 10px;
}

.clsFooter
{
    background-image: url('../images/efx/efx_footerbar.jpg');
    background-repeat: no-repeat;
    width: 960px;
    text-align: center;
    font-size: 8pt;
    padding-top: 10px;
    padding-bottom: 20px;
}
  
  
 /* Dynamic Dialog */
 .clsUCDialogMask
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #666;
	opacity: 0.6;
	display: none;
	z-index: 99;
}

.clsUCDialog_CenterDiv
{
    position: absolute;
    width: 1px;
    height: 1px;
    top: 45%;
    left: 50%;
}

.clsUCDialog
{
    position: absolute;
    top: -200px;
    left: -470px;
    width: 920px;
    height: 400px;
    background-color: #fff;
    z-index: 100;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	display: none;
	opacity: 100;
}

.clsUCDialog_Grid
{
    height: 350px;
    overflow-y: scroll;
    border: 1px solid #dfdfdf;
}

/* jquery-ui overrides */

.ui-menu { box-shadow: 0px 0px 10px #aaa; }
.ui-menu-item { font-size: 9pt; }

.ui-dialog { font-size: 9pt; }