﻿/* Custom Controls */
.divBtn
{
	 float: right;
	 height: 22px;
	 font-family: Verdana;
	 font-size: 85%;
	 font-size: 12px;
}

.divBtnLeft
{
	float: left;
	background-image: url('../Images/btn_left.png');
	width: 12px;
	height: 22px;
}

.divBtnContent
{
	float: left;
	background-image: url('../Images/btn_middle.png');
	width: auto;
	height: 22px;
	padding-top: 4px;
	background-repeat: repeat-x;
}

.divBtnRight
{
	float: left;
	background-image: url('../Images/btn_right.png');
	width: 12px;
	height: 22px;
}
/* Custom Controls END */

body
{
	background-image: url(../Images/spacer.gif);
	background-repeat: repeat;
	font-family: Verdana;
	font-size: 0.8em;
	color: White;
}

*
{
	padding: 0px;
	margin: 0px;
}

a
{
	color: White;
	outline: 0px;
	text-decoration: none;
}

h1
{
	color: White;
	font-size: 120%;
	font-weight: bold;
	margin: 15px 0px 10px 0px;
}

h2
{
	color: White;
	font-size: 90%;
	font-weight: bold;
}

table
{
	font-size: 85%;
	border: none;
}

.txt
{
	color: White;
	font-size: 85%;
	margin-bottom: 10px;
}

.clear
{
	clear: both;
}

.alignright
{
	text-align: right;
}

.btn
{
	outline: none;
}

.DDL
{
	background-color: #b2deeb; /* button color #0695b9*/
}

.navline
{
	text-decoration: underline;
	color: White;
	font-size: 80%;
}

#wrapper
{
	margin: auto;
	width: 985px;
	padding: 0;
}

#header
{
	padding-left: 170px;
	height: 59px;
	background-image: url(../Images/header_px.png);
	background-repeat: repeat-x;
}

#leftContent
{
	float: left;
	width: 147px;
	height: 268px;
	margin-left: 9px;
	background-image: url(../Images/menu_start.png);
	background-repeat: no-repeat;
}

#leftContent_ul
{
	font-weight: bold;
	font-size: 100%;
	color: White;
	list-style-type: none;
	margin-top: 37px;
	margin-left: 14px;
}

.leftContent_li
{
	padding: 8px 0px 14px 0px;
}

#mainContent
{
	float: left;
	width: 640px;
	min-height: 400px;
	margin-left: 8px;
	margin-right: 8px;
	background-color: #11637e;
}

#Menu
{
	height: 37px;
	margin: 0;
	padding: 0;
	background-image: url(../Images/mainContent_header.png);
	background-repeat: no-repeat;
}

.MainMenuSeperator
{
    float: left;
    margin: 0;
    padding: 0;
    width: 2px;
    height: 37px;
    background-image: url(../Images/MenuSeperator.png);
    background-repeat: no-repeat;
}

.MainMenuItem
{
    float: left;
    margin: 10px 0 0 0;
    padding: 0;
    font-weight: bold;
	font-size: 90%;
	color: White;
}

.MainMenuSpacer
{
    float: left;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 37px;
}

#mainContent_px
{
	float: left;
	width: 100%;
	min-height: 400px;
	background-image: url(../Images/mainContent_px.png);
	background-repeat: repeat-x;
}

#mainContent_footer
{
	float: left;
	width: 100%;
	height: 8px;
	background-image: url(../Images/mainContent_footer.png);
	background-repeat: no-repeat;
	font-size: 0px;
	line-height: 0px;
}

#rightContent_GettingStarted
{
	float: right;
	width: 146px;
	margin-right: 9px;
	margin-bottom: 9px;
	color: White;
}

#rightContent_ControlYourmoney
{
	float: right;
	width: 146px;
	margin-right: 9px;
	margin-bottom: 9px;
	color: White;
}

#rightContent_DownloadManual
{
	float: right;
	width: 146px;
	margin-right: 9px;
	margin-bottom: 9px;
	color: White;
}

.rightContent_header
{
	float: left;
	width: 100%;
	height: 9px;
	background-image: url(../Images/rightContent_header.png);
	background-repeat: no-repeat;
	font-size: 0px;
	line-height: 0px;
}

.rightContent_px
{
	float: left;
	width: 100%;
	height: 100%;
	background-image: url(../Images/rightContent_px.png);
	background-repeat: repeat-y;
}

.rightContent_GettingStarted_Footer
{
	float: left;
	width: 100%;
	height: 93px;
	background-image: url(../Images/rightContent_GettingStarted.png);
	background-repeat: no-repeat;
}

.rightContent_footer
{
	float: left;
	width: 100%;
	height: 8px;
	background-image: url(../Images/rightContent_footer.png);
	background-repeat: no-repeat;
}

#content
{
	padding: 13px 33px 13px 33px;
}

/* MANAGE MENU */
#menuContent
{
	float: left;
	width: 165px;
	height: 440px;
	margin-left: 9px;
	background-image: url(../Images/menuBackground.png);
	background-repeat: no-repeat;
}

.menuSpacer
{
	float: left;
	background-image: url(../Images/menu_Spacer.png);
	background-repeat: no-repeat;
	width: 142px;
	height: 2px;
}

.menuContent_p
{
	font-weight: normal;
	font-size: 80%;
	color: White;
	list-style-type: none;
	line-height: 10px;
	padding: 2px;
	padding-left:20px;
	margin: 5px 0px 5px 4px;
}

.menuContent_p a
{
  padding-left:10px;
}

.menuPara
{
	font-size: 90%;
	color: White;
	font-weight: bold;
	padding:0 5px;
	margin-right:3px;
	margin-top: 5px;
	margin-bottom: 5px;
	cursor:pointer;
}

.Active
{
  background:center left no-repeat url(../images/menu_marker.png);
  font-weight:bold;
}
/* MANAGE MENU END */

/* DEFAULT.ASPX ONLY */
#Introduction_Menu
{
	float: left;
	width: 165px;
	min-height: 268px;
	margin-left: 9px;
	background-color: #136b88;
}

.Introduction_Menu_Item
{
	padding: 10px 10px 10px 5px;
	color: White;
}

.Introduction_Menu_Hr
{
    padding: 5px 0px 5px 10px;
}

#Introduction_Header
{
	float: left;
	width: 165px;
	height: 37px;
	background-image: url(../Images/Introduction_Menu_Header.png);
	background-repeat: no-repeat;
}

#Introduction_px
{
	float: left;
	width: 100%;
	min-height: 395px;
	background-image: url(../Images/Introduction_Menu_px.png);
	background-repeat: repeat-x;
	background-color: #12637E;
}

#Introduction_Footer
{
	float: left;
	width: 165px;
	height: 8px;
	background-image: url(../Images/Introduction_Menu_Footer.png);
	background-repeat: no-repeat;
	font-size: 0px;
	line-height: 0px;
}

#Introduction_Movie
{
	width: 640px;
	height: 390px; 
	text-align: center;
    overflow:hidden;
  
	/*background-image: url(../Images/Introduction_Movie.png);
	background-repeat: no-repeat;*/
}

#Introduction_Gradient
{
	
	margin-left: 35px;
	width: 591px;
	height: 59px;
	background-image: url(../Images/Introduction_Gradient.png);
	background-repeat: no-repeat;
}
/* END DEFAULT.ASPX */

/* Manage START */
#Manage_Menu
{
	float: left;
	width: 147px;
	height: 268px;
	margin-left: 9px;
	background-image: url(../Images/manage_menu.png);
	background-repeat: no-repeat;
}
/* Manage END */

/* Table Different Colours */
.tableClass
{
	width: 484px;
	border: none;
}

.tableClassLarge
{
	width: 564px;
	border: none;
}

.tableClassLarge td
{
	padding: 6px;
}

.tableClassSmall
{
	border: none;
}

.tableClassSmall td
{
	padding: 2px;
}

.rowheader
{
	background-color: #1a87aa;
	height: 28px;
	font-weight: bold;
	padding-left: 5px;
}

.row
{
	background-color: #156782;
	padding: 5px;
}

.rowalternate
{
	background-color: #1c7997;
	padding: 5px;
}

.link
{
	font-size: 90%;
	color: #92e7ff;
	text-decoration: underline;
}
/* Table Different Colours END */

/* EVALUATION */
.tableClass td
{
    padding: 4px 8px;
}

.tabSelected
{
	background-image: url(../Images/evaluationSelected.png);
	background-repeat: no-repeat;
	width: 122px;
	height: 31px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	behavior: url(../JavaScripts/iepngfix.htc)
}

.tabUnSelected
{
	background-image: url(../Images/evaluationUnSelected.png);
	background-repeat: no-repeat;
	width: 121px;
	height: 31px;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	behavior: url(../JavaScripts/iepngfix.htc)
}

.Correct
{
    background-color: #75ce5a;
}

.CorrectIsh
{
    background-color: #4BA92E;
}
/* EVALUATION END */

/* ADD CLASS / CLASSVIEW */
.divItem
{
	float: left;
	width: 100%;
	height: 160px;
	background-image: url(../Images/groupViewBG.png);
	background-repeat: no-repeat;
	font-weight: bold;
}

.divLeft
{
	float: left;
	width: 200px;
	height: 150px;
	padding: 5px;
}

.divRight
{
	float: left;
	width: 352px;
	height: 150px;
	padding: 5px;
}

.addClass
{
	width: 100%;
}
/* ADD CLASS / CLASSVIEW END */

.ErrorMessage
{
    color: #FFFFFF;
    font-weight: bold;
}

/* ListView Table Start */

.ListViewTabsTable
{
    border-width: 0px; 
    border-collapse: collapse;    
}

.ListViewTabsTable td
{
    background-image: url(../Images/evaluationUnSelected.png);
	background-repeat: no-repeat;
	width: 121px;
	height: 31px;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	behavior: url(../JavaScripts/iepngfix.htc)
}

.ListViewTabsTable td.selected
{
    background-image: url(../Images/evaluationSelected.png);
	background-repeat: no-repeat;
	width: 122px;
	height: 31px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	behavior: url(../JavaScripts/iepngfix.htc)
}

.ListViewTable
{
    width: 100%;
}

.ListViewTable tr
{
    background-color: #156782;
}

.ListViewTable tr.ColumnTitle
{
    background-image: url(../Images/ColumnHeader.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	
    background-color: #1A87AA; 
    font-weight: bold;
    height: 30px;
}

.ListViewTable tr.Alternating
{
    background-color: #1A87AA;
}

.ListViewTable td
{   
    padding: 5px;
}

.ListViewTable td a:link, .ListViewTable td a:visited, .ListViewTable td a:active
{
	color: #B3EAFD; 
	text-decoration: underline;
}

.ListViewTable td a:hover
{
	color: #B3EAFD; 
	text-decoration: none;
}

.ListViewLink:link, .ListViewLink:visited, .ListViewLink:active
{
	color: #B3EAFD; 
	text-decoration: underline;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
}

.ListViewLink:hover
{
	color: #B3EAFD; 
	text-decoration: none;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
}

/* ListView Table End */

#legal_footer
{
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #666666;
    padding-top: 10px;
}

#legal_footer a:link, #legal_footer a:visited, #legal_footer a:active
{
    font-family: Verdana, Arial, sans-serif;
	color: #666666; 
	text-decoration: underline;
}

#legal_footer a:hover
{
    font-family: Verdana, Arial, sans-serif;
	color: #666666; 
	text-decoration: none;
}

.register_validation_summary
{
	margin-top: 30px;
	color: #FFFFFF;
	border-left: 1px solid red;
	padding-left: 30px;
}

.evaluation_print
{
	float: right;
	margin: 5px;
}

.evaluation_print a:link, .evaluation_print a:visited, .evaluation_print a:active
{
	color: #B3EAFD; 
	text-decoration: underline;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
}

.evaluation_print a:hover
{
	color: #B3EAFD; 
	text-decoration: none;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
}

.landing-page div {
  position:relative;
  overflow:hidden;
}

.landing-page div a h2 
{
  font-size:1.3em;
  position:absolute;
  top:48px;
  left:213px;
}

.landing-page div a img 
{
  border:0;
}
