/*Complete styling of HTML elements*/
/*Company Name*/
/*Company Colours*/
.themecolor1{
	background-color: #650360; /*Search and replace these colours to do a simple switch of colours*/

}
.themecolor2{
	background-color: #cccccc; /*Search and replace these colours to do a simple switch of colours*/
}
/*End company colours*/
/*Basic Tags*/
* 			/*Defines ALL elements in the document*/{
margin: 0;
padding: 0;
border:0;
}
html 		/*Defines an html document*/{}
body 		/*Defines the body element*/{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:76%;
	padding-top:1em;
	background-color:#eeeeee;

}
h1,#loginfieldset legend			/*Defines a header size 1 (largest)*/{
	font-size:1.8em;
	font-weight:bold;
	color:#650360;
	margin: 0.5em 0 0.2em 0;
}
h2			/*Defines a header size 2 (larger)*/{
	font-size:1.6em;
	font-weight:bold;
	color:#650360;
	margin: 0.5em 0 0.2em 0;
}
h3			/*Defines a header size 3 (medium)*/{
	font-size:1.4em;
	font-weight:bold;
	color:#650360;
	margin: 0.5em 0 0.2em 0;
}
h4			/*Defines a header size 4 (smaller)*/{
	font-size:1.2em;
	font-weight:bold;
	font-style:italic;
	color:#650360;
	margin: 0.5em 0 0.2em 0;
}
h5,legend			/*Defines a header size 5 (even smaller)*/{
	font-size:1.1em;
	font-weight:bold;
	color:#000000;
	margin: 0.5em 0 0.2em 0;
}
h6			/*Defines a header size 6 (smallest)*/{
	font-size:1em;
	font-weight:bold;
	color:#000000;
	margin: 0.5em 0 0.2em 0;
	font-style:italic;
}
p 			/*Defines a paragraph*/{
	font-size:1em;
	margin-bottom:1.4em;
}
br 			/*Inserts a single line break*/{}
hr 			/*Defines a horizontal rule*/{
	border-top: 1px dotted #c7c8ca;
	border-bottom:none;
	border-left:none;
	border-right:none;
}

  	  	  	  	 
/*Char Format */  	  	  	 
b,strong			/*Defines bold text*/{}
i,em			/*Defines italic text*/{}
big 		/*Defines big text*/{}
small 		/*Defines small text*/{}
sup 		/*Defines superscripted text*/{}
sub 		/*Defines subscripted text*/{}
bdo 		/*Defines the direction of text display*/{}
  	  	  	  	 
/*Output*/	  	  	  	 
pre 		/*Defines preformatted text*/{
	font-size:11px;
	font-weight:bold;
}
code 		/*Defines computer code text*/{
	font-size:11px;
}
tt 			/*Defines teletype text*/{
	font-size:11px;
}
kbd 		/*Defines keyboard text*/{}
var 		/*Defines a variable*/{}
dfn 		/*Defines a definition term*/{}
samp 		/*Defines sample computer code*/{
	font-size:1.2em;
}
  	  	  	  	 
/*Blocks*/	  	  	  	 
acronym 	/*Defines an acronym*/{
	font-weight: 900;
	}
abbr 		/*Defines an abbreviation*/{
	font-style:normal;
}
address 	/*Defines an address element*/{}
blockquote 	/*Defines a long quotation*/{
	background-color:#eeeeee;
	padding:1em;
	margin:1em;
	border: 2px dotted #c0c0c0;
}
q 			/*Defines a short quotation*/{
	color:#650360;
	font-style:italic;
	font-size:1.2em;
	display:block;
	margin:0.5em 2em;
	}
cite 		/*Defines a citation*/{
	font-style:normal;
	font-weight:bold;
	color:#999999;
	display:block;
	margin:0.5em 2em;
	
}
ins 		/*Defines inserted text*/{}
del 		/*Defines deleted text*/{}
  	  	  	  	 
/*Links*/	  	  	  	 
a 			/*Defines an anchor*/{
	color:#000000;
}
a:link 		/*An anchor link not activated yet*/{
	/*color:#650360;*/
	text-decoration:underline;
}
a:visited 	/*A visited anchor link*/{
	/*color:c0c0c0;*/
	text-decoration:underline;
}
a:hover 	/*Anchor link while cursor is above*/{
	/*color:#990592;*/
	text-decoration:none;
}
a:active 	/*Anchor link while clicked*/{}

  	  	  	  	 
/*Frames*/ 	  	  	  	 
frame 		/*Defines a sub window (a frame)*/{}
frameset 	/*Defines a set of frames*/{}
noframes 	/*Defines a noframe section*/{}
iframe 		/*Defines an inline sub window (frame)*/{}
  	  	  	  	 
/*Forms*/	  	  	  	 
form 		/*Defines a form*/{}
input{
height:22px;
}
input,textarea,select		/*Defines an input field*/{
	background-color:#ffffff;
	border: 1px solid #d7d7d7;
	margin:0.2em;
	padding:0.1em;

}

input[type="image"] {
	border: none;
}
form div {
	clear:both;
}
form div label{

}
textarea 	/*Defines a text area*/{}
button 		/*Defines a push button*/{
	border:none;
	background-color:transparent;
	background: url(../../i/buttons/on.gif) no-repeat center center;
	width:80px;
	cursor:pointer;
	margin-top:0.5em;
	}
	button:hover{
	}
button span{
color:#FFFFFF;
line-height:18px;
}
select 		/*Defines a selectable list*/{
	background-color:#ffffff;
	border: 1px solid #d7d7d7;
	margin:0.2em;
	padding:0.1em;}
optgroup 	/*Defines an option group*/{}
option 		/*Defines an item in a list box*/{

}
label 		/*Defines a label for a form control*/{
	font-weight:bold;
	float:left;
	width:35%;
	display:block;
	margin:0.2em 0;
	height:22px;
	}
fieldset 	/*Defines a fieldset*/{
	border:none;
}
legend 		/*Defines a title in a fieldset*/{}


  	  	  	  	 
/*Lists*/	  	  	  	 
ul,ol,dl 			/*Defines an unordered list and ordered list*/{
	margin:1.0em;
	margin-left:1.5em;
	list-style-position:outside;
}
ol{
	list-style-type: decimal;
}
li			/*Defines a list item*/{

}
dl 			/*Defines a definition list*/{}
dt 			/*Defines a definition term*/{
	margin-left:0.5em;
	font-weight:bold;
}
dd 			/*Defines a definition description*/{
	margin-left:1.5em;
	font-style:italic;
}
  	  	  	  	 
/*Images*/ 	  	  	  	 
img 		/*Defines an image*/{
	border:none;
}
map 		/*Defines an image map*/{}
area 		/*Defines an area inside an image map*/{}
  	  	  	  	 
/*Tables*/  	  	  	 
table 		/*Defines a table*/{
	padding:0;
	margin:0.5em 0;

}
caption 	/*Defines a table caption*/{
	font-size:11px;
	font-weight:bold;
	color:#650360;
	font-style:italic;
	text-align:left;
	padding:0.5em 0;

}
th 			/*Defines a table header*/{


	padding:3px;
	background-color:#e6e6e6;
	color:#333333;
}
th[scope="col"] /*Defines a table header*/{}
tr 			/*Defines a table row*/{}
td 			/*Defines a table cell*/{
	padding:3px;


}
thead 		/*Defines a table header*/{}
tbody 		/*Defines a table body*/{}
tfoot 		/*Defines a table footer*/{}
col 		/*Defines attributes for table columns*/{}
colgroup 	/*Defines groups of table columns*/{}
  	  	  	  	 
/*End of standard HTML elements*/

/*Universal classes*/
.noShow,.hidden,.nodisplay{
display:none;
}
.show{
display:block;
}
.noBorder{
border:none;
}
.Border{
	border:1px solid #666666;
}
.fright,.fRight{
float:right;
}
.fleft,.fLeft{
float:left;
}
.clearThis{
clear:both;
}
.col50{
	width:48%;
	float:left;}
/* Position Layout of the page*/
/* http://positioniseverything.net/easyclearing */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}


/*Column Layout*/
div#container{
margin: 0 auto;
width:750px;
	}
div#wrapper{
	text-align:left;
	width:100%;
}
div#header{
	height:60px;
}
div#breadcrumb{
	clear:both;
}
div#colwrapper{
	float:left;
	width:100%;
}
div#allWrap{
border-left:1px solid #650360;
border-right:1px solid #650360;
background-color:#FFFFFF;
}
div#content{
	margin:0 0 0 200px;
	padding:1em;


}
div#leftcol{
	width:200px;
	float:left;
	margin-left:-100%;
	padding:1em 0 0 0;
	min-height:20em;

}
div#rightcol{
	/*width:200px;
	float:left;
	margin-left:-200px;
	padding:1em 0 0 0;*/
display:none;
	
}
div#footer{
	clear:both;
	width:100%;
}
/*End of layout*/

/*Branding*/

table.list{
border:none;}
table.list td,table.list th{
	padding:0.3em;
	border-bottom:1px solid #d1d1d1;
	border-left:none;
	border-right:none;
	border-top:none;
	background-color:#ffffff;
	
	}
table.list tr:hover {
background-color:#e1e1e1;
}

table.detailed{
border:none;
}
table.detailed td,table.detailed th{
	padding:0.3em;
	border-bottom:1px solid #d1d1d1;
	border-left:none;
	border-right:none;
	border-top:none;
	background-color:#ffffff;

}


/* Branding of Layout*/
#container{}
#wrapper{
	text-align:left;
}
#header{
	height:60px;
	background-color:#650360;
	color:#FFFFFF;	
}
#header div.left{
	height:60px;
	width:10px;
	float:left;
	background-image: url(ThemeFiles/portal_GENERAL/header_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header div.right{
	height:60px;
	width:10px;
	float:right;
	background-image: url(ThemeFiles/portal_GENERAL/header_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
div#header div.logotype{
	width:334px;
	height:60px;
	float:left;
	padding-left:0.5em;
	overflow:visible;
}
div#header div.siteTitle{
	width:50%;
	float:right;
	text-align:right;
	padding-right:1em;
}
#header h1{
	color:#FFFFFF;
	line-height:2em;
	font-size:2em;
	font-weight:bold;
	margin:0;
	padding:0.2em 0 0 0;
}

/*Breadcrumb styles*/
#breadcrumb{
	height:22px;
	background-color: #c7c8ca;	
	border-left:1px solid #650360;
	border-right:1px solid #650360;	
	}
#breadcrumb div.user{
	float:left;
	width:39%;
	padding:4px 10px;
}
#breadcrumb div.path{
	float:left;
	width:60%;
	padding:4px 10px;
	display:none;
	
}
#breadcrumb div.path a{
	text-decoration:none;
}
#breadcrumb div.user a{
	color:#650360;
	font-weight:bold;
	text-decoration:none;
}

#breadcrumb div.topMenu{
	text-align:right;
	float:right;
	padding:4px 10px;
	
}


#breadcrumb div.topMenu ul,.topMenu ul li{
	list-style:none;
	display:inline;
	color:#bd93bb;
	font-weight:bold;
	text-decoration:none;
	margin:0;
	}
.topMenu ul li{
	background-image:url(ThemeFiles/portal_GENERAL/pipe_white.png);
	background-repeat:no-repeat;
	background-position: left;
	padding:0 0 0 1em;
	text-align:center;
	display:none;
	}
#breadcrumb div.topMenu ul li a{
	color:#650360;
	text-decoration:none;
	}
#breadcrumb div.topMenu ul li a:hover{
color:#000000;
}
#breadcrumb div.topMenu ul li#splash-nav{
border-left:none;
}
/*the menu */


#splash #splash-nav a,#elearning #elearning-nav a, #support #support-nav a, #logout #logout-nav a
{

	color:#000000;
	}
#colwrapper{
	}
div#content{
	padding:1em 1em 20em 2em;
	border-left:1px dashed #cccccc;

}
#leftcol{
background-repeat:no-repeat;
background-position: center 1em; 

padding-bottom:10em;
}
/*Delegate images*/
div#leftcol{
	background-image:url(ThemeFiles/portal_GENERAL/delegate7.jpg);
	padding-top:15em;
	}
#splash div#leftcol{
	background-image:url(ThemeFiles/portal_GENERAL/delegate3.jpg);
}

#elearning div#leftcol{
	background-image:url(ThemeFiles/portal_GENERAL/delegate5.jpg);
}
#support div#leftcol{
	background-image:url(ThemeFiles/portal_GENERAL/delegate9.jpg);
}
#logout div#leftcol{
	background-image:url(ThemeFiles/portal_GENERAL/delegate8.jpg);
}
#wrapper div#leftcol.noBg  /*Use this where no delegate is needed*/{
background-image:none;
padding-top:1em;
}
/*end delegate images*/
#leftcol div{
padding:0.5em;}
#rightcol{
	
}
#footer{
	height:10px;
	float:left;
	background-image: url(ThemeFiles/portal_GENERAL/footer_middle.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	
}
/*Footer styles*/
#footer div.left{
	height:10px;
	width:10px;
	float:left;
	background-image: url(ThemeFiles/portal_GENERAL/footer_left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#footer div.right{
	height:10px;
	width:10px;
	float:right;
	background-image: url(ThemeFiles/portal_GENERAL/footer_right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#footer div.contact {
	text-align:center;
	padding-top: 5px;
}
.contact{
	clear:both;
	font-size:10px;
	color:#A0A0A0;
	line-height:2em;
	margin-top:5px;
}
.contact a{
	color:#A0A0A0;
}


/*Project specific divs and classes and cascading changes from above*/

.textinput{
	background-color:#bd93bb;
	border: 2px solid #ffffff;
	width:40%;
	height:16px;
	margin: 15px 0;
}
.selection{
	background-color:#bd93bb;
	border: 2px solid #ffffff;
	width:30%;
	height:19px;
	font-size:11px;
	margin: 16px 0;
}

/*Modules*/
#rightcol h5,#leftcol h5{
	font-size:1em;
/*	color:#FFFFFF;
	background-color:#650360;
	padding:3px 10px;
*/	margin:0 5px;
	font-weight:bold;
}
#leftcol .menu{
	margin:0 5px 10px 5px;
	padding:5px 0px;
/*	background-color:#e1e2e3;
*/}
#rightcol h6, #leftcol h6{

}
#rightcol .modbod,#leftcol .modbod{
	margin:0 5px 5px 5px;
	padding:5px 10px 5px 10px;
	

}
#content .modbod{
	margin:0 0 15px 0;
	padding:0;
	

}
/*menu lists*/
#leftcol .menu ul,.menu ol,#leftcol .modbod ul,.modbod ol{
	list-style:none;
	margin:0;
	font-weight:bold;
}
#leftcol .menu ul li,#leftcol .modbod ul li{
	color:#650360;
	line-height:1.4em;
	margin:0;
	border-bottom:1px dotted #cccccc;
	padding:0.1em 0;
}
#leftcol .menu ul li ul li,#leftcol .modbod ul li ul li{
	color:#666666;
	margin:0;
	border-bottom: none;
	padding: 0px 0px 0px 10px;
}
#leftcol .menu ul li a:link,#leftcol .menu ul li a:visited{
	color:#650360;
}
#leftcol div.menu ul li a:hover{
	color:#666666;
}
#leftcol .menu ul li a.active{
	font-weight:bold;
	color:#000000;
	}
#leftcol .menu ul li.Selecteditem2 a{}
#leftcol .menu ul li ul li a,#leftcol .menu ul li ul li a:link,#leftcol .menu ul li ul li a:visited{
	font-size:0.9em;
	color:#666666;
	background-image: url(ThemeFiles/portal_GENERAL/button_menu.gif);
	background-repeat: no-repeat;
	background-position: right center;	
}
#leftcol .menu ul li ul li a:hover{
	color:#650360;
}
#leftcol .menu ul li ul li a.active{
	background-image: url(ThemeFiles/portal_GENERAL/button_menu_down.gif);
	background-repeat: no-repeat;
	background-position: right center;	
	}
#leftcol .menu ul li ul li ul li a,#leftcol .menu ul li ul li ul li a:link,#leftcol .menu ul li ul li ul li a:visited,#leftcol .menu ul li ul li ul li a.active{
	font-weight:normal;
	padding:0 0 0 2em;
	background-image:none;
}



.menu hr{
	border-top: 2px dotted #ffffff;
	border-bottom:none;
	border-left:none;
	border-right:none;
	margin:0.2em 0;
}
#leftcol .menu a,.menu p,.menu h6{
	text-decoration:none;
	display: block;

} 
.menu a:link{
} 
.menu a:visited{

} 
.menu a:hover{
} 


/*Helpdesk*/
.help_out{
font-size:2em;
}

/*text styles for importance*/
.important,.error{
	color:#FF0000;
}
.urgent{}
.footnote{
	color:#cdcdcd;
	font-weight:bold;
	}
.classified{
	color:#cdcdcd;
	font-style:italic;
}

/*list of links*/
div ul.linkList li {
	list-style-position: outside;
	list-style-image: url(ThemeFiles/portal_GENERAL/bullet_purple_d_arrow.gif);
	}


#leftcol .delegateimage{
	border:1px solid #650360;
	margin:0 5px;
	}
#leftcol p.instruction{

margin:10px 15px;
}

/*End Branding*/
	
	

/* Links */em

a.News {
	color: #336699;
}

a.News: hover {
	color: #336699;
	text-decoration:underline;
		
}
.clickable{
	cursor: help;}

/* End Links*/


/*Details list*/
ul#details {
	margin:0;

}

ul#details li {
	border-top: 1px solid #650360;
}
/*End of Details list*/

/*Content area*/

.fullpagecontent{
	padding:1em;
	text-align:justify;
	}
/*Forms*/
form{}
fieldset{
 border: none;
 }
legend{}
label{
	font-weight:bold;
	}
input{

	}
input.formButton,input[type="image"]{
	border:none;
	display:block;
	margin-bottom:0;
	padding:0;
}

.FormFields,td.formfields{
/*	border:1px solid #0099cc;
	display:block;*/
	margin-bottom:5px;
	padding:5px;			

}

input.search_textinput,input.survey_textinput,select.survey_dropdown,.login_textinput,#survey_photo{
	
}
.survey_textinput,input#survey_photo{

	}
select.survey_dropdown{
	width:100%;
}
form.slickform label{
	font-weight:bold;
}
/*login form specific*/
#loginfieldset{
margin:0;
padding:10px;

	}
#loginfieldset legend {
margin-left:0;
padding-left:0; 
display:none;
}
#loginfieldset label{
	display:block;
}
#loginfieldset input.formButton{
	display:block;
	float:right;
	margin:5px 15px 5px 10px;
	border:none;
}
#login_username{
	width: 155px;
}

#login_password{
	width: 155px;
	
}
/*search form specific*/
#searchfieldset{
	background-color:#e4e8df;
	border-top:1px solid #738a5c;
	border-bottom:1px dotted #738a5c;
	padding:15px;
}
#searchfieldset legend {
display:none;
}
#searchfieldset label {
	color:#666666;
	display:inline;
	margin-left:15px;
}
fieldset#searchfieldset input.search.textinput,#searchfieldset input.formbutton,#searchfieldset input.formbutton[type="image"] {
	display:inline;
	}
	label.desc{
	width:45%;}
.media_dropdown{
width:50%;
}
/*End of content Area*/



/*Various effects*/	
.Border {
	border: 1px solid #650360;
}

.highlight {
	color: #0099cc;		
}
.num {
	text-align: right;
}

/*Alternating table*/
table.alternating td,.alternating th{
	padding:3px;
}
/*Alternating rows in tables*/
.row1	{
	background-color: #ffffff;
	}
	
tr.row2 {
	background-color: #ffffff;
	}
tr.row2 td {
	border-bottom:1px dotted #d1d1d1;
	}
	
.row3, .row td {
	background-color: #e3e3e3;
}
.row4,.row4 td{
	border-bottom:1px dotted #d1d1d1;
	}
.row1,.row2,.row3,.row4{
	height: 20px;
	padding: 3px 3px 3px 3px;}

/*End Alternating rows in tables*/

/*Booking Stages*/
ul#stages{
margin:0 0 0.5em 0;
padding:0;
list-style:none;
background-color:#d7d7d7;
color:#a7a7a7;

}
ul#stages li:first-child{}
ul#stages li{
display:block;
float:left;
width:25%;
line-height:200%;
text-align:center;
background:#d7d7d7 url(../../i/stage_indicator.gif) no-repeat right -27px;
}
ul#stages li span{

}
ul#stages li.Active{
	color:#ffffff;
	font-weight:bold;
background:#956595 url(../../i/stage_indicator.gif) no-repeat right 1px;
	}



/*Staff listing in helpdesk*/
div.stafflist{
	clear:both;}
div.stafflist img{
	float:left;
	margin:20px 10px 20px 0;;
}
/*7city branding and hCard*/
/*7city V-card specific*/

.vcard{
position:relative;
bottom:-0.5em;
font-size:0.9em;
color:#6f6f6f;
clear:both;

}
.vcard div{
display:inline;
}
#hcard-7city-Learning-Ltd{}
#hcard-7city-Learning-Inc{
display:none;}

#hcard-7city-Learning-Ltd,#hcard-7city-Learning-Inc{
	clear:both;
	text-align:left;
	}


#sevencityBrandus #sevenlogo,#sevencityBranduk #sevenlogo,.logo{
	margin:0 15px 0 19px;
	float:left;
	display:none;
	}

#sevencityBrandus a,#sevencityBranduk a,.url{
	color:#6f6f6f;
	text-decoration:none;
	}

/*7 city branding parts*/
.sevenName,.n,.org{

}
.sevenStreet,.street-address{
	
	}
.sevenTown,.locality{

}
.sevenPost,.postal-code{

}
.sevenPhone,.tel,.phone{

}
.sevenFax,.fax,.type{

}
.tel{

}
.fax{
}

.email{
display:none;}
.fn{}
.adr{}
.country-name{}

/*End 7city branding*/		

/*Page editing*/
div.edit {
background-color:#FFFFFF;
border:1px dashed #cccccc;}
p.editNote {
	color:#650360;
	text-align:right;
	}