/* HTML tag styles */

* {
	margin:0;
	padding:0;
}

body {
	font-family: Verdana, Sans-serif;
	margin: 0px;
	font-size: 12px;
	background: #ffffff;
	color: #666666;
}

a img { border: 0px; }

a, a:visited {
	color: #ff9603;
}

h1{
	font-size: 145%;
	color: #01469b;
	margin-bottom: 5px;
	margin-top: 10px;
}

h2{
	font-size: 125%;
	color: #01469b;
	margin-bottom: 5px;
	margin-top: 5px;
}

h2.home {
	padding-right: 5px;
	font-weight: normal;
	text-align: right;
}

h2 a {
	color: #FFF;
	text-decoration: none;
}

h2 a:hover {
	text-decoration: underline;
}

h3{
	font-size: 115%;
	color: #01469b;
	margin-bottom: 3px;
	margin-top: 2px;
}

h4{
	color: #01469b;
	margin-bottom: 3px;
	margin-top: 2px;
}

h5{
	color: #01469b;
	margin-bottom: 2px;
	margin-top: 1px;
}
input.text {
	height: 11px;
	font-size: 10px;
}

/* Layout styles */

#wrapper {
	width: 756px;
	margin: auto;
	text-align: left;
	background-color: #FFFFFF;
	font-size: 12px;
	margin-top: 10px;
}

#wrapper.meetingroom {
	width: 950px;
}

body.popup #wrapper {
	width: 559px;
}
body.popup .white_block {
	border: 1px solid #ff9603;
	margin-bottom: 20px;
	min-height: 50px;
	height: 50px;
}

label { font-weight: bold; }

/* hForm
-------------------------------------------------------------- */
form.hform p { margin: 0 0 .5em; clear: both; }
form.hform p label { float: left; width: 150px; }

form.hform p input { width: 200px; }
form.hform p select { width: 200px; }

form.hform p input.button { width: auto; }
form.hform p input.checkbox { width: auto; }
form.hform p input.radio { width: auto; }

form.hform p.checkbox { /*margin-left: 100px;*/ }
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }

/* vForm
-------------------------------------------------------------- */
form.vform p { margin: 0 0 .5em; }
form.vform p label { display: block; }

form.vform p.checkbox label { display: inline; }

#header {
}

#header .logo { 
	float: left;
	width: 185px;
	margin-right: 10px;
}

.grad {
	background-image: url(../images/background/topnav_grad.gif);
	float: right;
	width: 561px;
	line-height: 14px;
}

#topNav { 
	float: left;
	width: 561px;
	margin-top: 17px;
	border-bottom: 1px solid #FF9603;
}

#topNav ul { 
	float:left;
	margin: 2px 7px 0 0;
	padding: 0;
	vertical-align: bottom;
}

#topNav ul li {
	list-style:none;
	float:left;
	margin: 1px 7px 0 0;
	padding: 3px 8px;
	width: 65px;
	background-image: url(../images/background/tab_bg.gif);
}

#topNav ul li a {
	color:#FFF;
	font-size:1em;
	text-decoration: none;
	font-weight: bold;
}

#topNav ul li.selected a, #topNav ul li a.selected {
	color:#FF9603;
}

/* Sub navigation */
#subNav {
	float: left;
	clear: both;	
	border-bottom: 1px solid #ff9603;
	width: 100%;
	margin-bottom: 5px;
}
#subNav .navItem {
	float: left;
	margin-right: 5px;
	color: #ffffff;
	background: #ff9603;
}
#subNav .navItem a {
	display: block;
	margin: 2px 4px 2px 4px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#subNav .selected a {
	color: #01469b;
}

/* Side navigation and main contrent*/
#contentwrapper {
	float: left;
	background: url(/images/background/contentwrapper.gif) repeat-y;
	width: 756px;
}
/*
#contentwrapper.tpl_home {
	background: url(/images/background/blue_background.gif) repeat-y;
}
*/
#sideBar {
	float: left;
	background-color: #c1d5e7;
	width: 186px;
	padding-bottom: 10px;
}

#sideBar .titlebar {
	background: #85bbe1 url(/images/background/blue_curve_short.gif) no-repeat top left;
	height: 21px;
	border-bottom: 1px solid #ff9603;
	color: #ffffff;
	padding-top: 2px;
	padding-left: 8px;
	font-size: 1.1em;
	font-weight: bold;
}

#sideBar .message {
	font-size: 0.8em;
}

#sideBar .parasmall {
	margin-top: 2px;
	margin-left: 10px;
	margin-right: 2px;
	padding-bottom: 5px;
}



#sideBar a {
	color: #01469b;
}

#login {
	margin-bottom: 8px;
}

#login form {
	margin-left: 8px;
}
#login div.text {
	color: #01469b;
}
#login input.text {
	width: 151px;
	margin-top: 3px;
	margin-bottom: 10px;
	font-size: 0.97em;
}
#login input.checkbox {
	vertical-align: middle;
	margin: 0 3px;
}

#login input.button {
	float: right;
	padding-top: 5px;
	margin-right: 20px;
	padding-bottom: 8px;
}

#sideNav {
	margin-bottom: 8px;
}

#sideNav .status, #login .status {
	background-color: #92B2D1;
}

#sideNav .status .topGrad, #login .status .topGrad {
	background-image: url(../images/background/status_bg_top.gif);
	background-repeat: no-repeat;
	line-height: 12px;
}

#sideNav .status .bottomGrad, #login .status .bottomGrad {
	background-image: url(../images/background/status_bg_bottom.gif);
	background-repeat: no-repeat;
	line-height: 12px;
}

#sideNav div.text {
	margin-top: 2px;
	margin-left: 8px;
	margin-right: 2px;
	padding-bottom: 5px;
	color: #01469b;
}

#sideNav div.paratiny {
	margin-top: 2px;
	margin-left: 8px;
	margin-right: 2px;
	padding-bottom: 5px;
	color: #FFF;
	font-weight: bold;
}

#sideNav .onlinestatus {
	float: left;
	padding: 2px 0 3px 8px;
}
#sideNav .onlinestatus form {
	margin: 0;
}

#sideNav .onlinestatus select {
	font-family: Verdana, Sans-serif;
	font-size: 10px;
}
#sideNav .onlinestatus .on {
	background-color: #28cb00;
	color: #ffffff;
	font-weight: bold;
}
#sideNav .onlinestatus .off {
	background-color: #87bae0;
	color: #ffffff; 
	font-weight: bold;
}

#sideNav .logout {
	float: right;
	font-weight: bold;
	padding: 2px 15px 0 8px;
}

#sideNav .logout img {
	vertical-align: middle;
}

#sideNav .navItem {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#sideNav .navItem a {
	display: block;
	font-size:1em;
	padding: 5px 0px 5px 8px;
}

#sideNav .navItem a img {
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
}

#sideNav .dark {
	background-color:#A9C3DC;
}


#sideNav .navItem a:hover {
	background-color: #92B2D1;
}

#sideNav div a {
	text-decoration: none;
}

#sideNav .selected {
	background-color:#92B2D1;
}
#sideNav .selected a {
	color:#ffffff;
}

/*
.pop {
	font-family: Verdana, Sans-serif;
	font-size: 10px;
	height: 16px;
}
*/

#msgPane {
	display: none;
}

#sideBar .languages {
	margin: 15px 15px 15px 8px;
}
#sideBar .languages .flag {
	float: left;
	display: inline;
	margin-right: 8px;
}



#topBar {
	background-image: url(../images/background/bluebar_body.gif);
}

#blue {
	background-image: url(../images/background/bluebar_body.gif);
}

#maincontent {
	float: left;
	margin-left: 9px;
	width: 561px;
	color: #666666;
}

#maincontent h1.curve {
	background: url(/images/background/orange_curve_long.gif) no-repeat top left;
	color: #fff;
	height: 21px;
	padding-top: 2px;
	padding-left: 10px;
	margin: 0;
	font-size: 1.1em;
}

#maincontent h2.curve {
	background: url(/images/background/blue_curve_long.gif) no-repeat top left;
	color: #fff;
	height: 21px;
	padding-top: 2px;
	padding-left: 10px;
	margin: 0;
	font-size: 1.1em;
}

.txt {
	/*margin-right: 10px;*/
	margin: 10px 10px 0 10px;
	line-height: 1.3em;
}

.txt li {
	margin-bottom: 5px;
}

.sessionTxt {
	margin: 10px 10px 0 10px;
	line-height: 1.3em;
	color: #990000;
}
.sessionTxt .button {
    margin-top: 6px;
}

.red {
	color: red;
}

.white_block {
	width: 559px;
	min-height: 280px;
	height: auto !important;
	height: 280px;
	border-top: 1px solid #ff9603;
	margin-left: 1px;
}
/*
.white_block_home {
	margin-left: 1px;
}
*/
.pageImage {
	border-bottom: 1px solid #ff9603;
}

.orangeBlock {
	background-color: #FE9700;
	font-size: 1.4em;
	color: #FFF;
	padding: 6px 0px 6px 10px;
}

.homeButton {
	float: left;
	display: inline;
	margin-left: 20px;
	margin-right: 0px;
}

.contentBlock {
	padding-top: 8px;
}

#userDetails {
	margin-top: 5px;
}

#userDetails input.text {
	height: 14px;
}

#userDetails .buttons, #userDetails .back_button {
	padding-top: 8px;
}

/* WAITING ROOM */
#thumbsBlock {
	width: 558px;
	padding: 0;
	margin: 25px 0 0 0;
}
#thumbsBlock .thumbsRow {
	float: left;
	clear: both;
	display: inline;
	width: 537px;
	padding: 0;
	margin: 0 0 10px 10px;
}
#thumbsBlock .thumb {
	float: left;
	width: 133px;
	margin: 0;
	padding: 0;
}
#thumbsBlock .thumb img {
	display: block;
	clear: both;
	margin: 0 0px 3px 18px;
}
#thumbsBlock .thumb a {
	color: #01469b;
}

#thumbsBlock .thumb .name {
	text-align: center;
	font-size: 0.8em;
	margin: 0 0px;
}
#thumbsBlock .thumb .status {
	float: left;
	display: inline;
	margin-left: 18px;
	font-weight: bold;
	font-size: 0.9em;
	width: 70px;
	color: #FFF;
}
#thumbsBlock .status .onTab { 
	background-image: url(../images/background/online.gif);
	padding: 2px 0px 1px 5px;
}

#thumbsBlock .status .offTab { 
	background-image: url(../images/background/offline.gif);
	padding: 2px 0px 1px 5px;
}

#thumbsBlock .thumb .off { 
	color: #87bae0; 
}

a img.imageoff { 
	border: 1px solid #87bae0;  
}

a img.imageon { 
	border: 1px solid #3bc517; 
}

#thumbsBlock .thumb .feedback {
	float: left;
	display: inline;
	margin-top: 2px;
	margin-left: 6px;
	font-weight: bold;
	font-size: 0.9em;
}

/* PROFILE */

#profileBlock  {
}

#profileBlock h3 {
	margin-top: 0;
	font-weight: bold;
}
#profileBlock .img {
	float: left;
	border: 1px solid #ff9603; 
}

#profileBlock .profile {
	float: right;
	width: 325px;
}

#bioImg {
	margin-bottom: 6px;
}

.imgInfo {
	margin-bottom: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #FFFFFF;
	float: left;
	width: 100%;
}

.imgInfo .fileText {
	float: left;
}

.imgInfo a {
	display: inline;
}

.imgInfo img {
	border: 1px solid #c1d5e7;
	float: left;
}

.fileDelete {
	margin-right: 10px;
	font-weight: bold;
	float: right;
}
.fileDelete input {
	vertical-align: middle;
	margin: 0px;
}
img.preview {
	margin-right: 6px;
}

#transactions {
	margin-bottom: 12px;
}

#emailBlock { }

#emailBlock .field {
	margin-bottom: 6px;
}

.buttons {
	padding: 30px 20px 0 0;
	width: 200px;
	float: right;
}

.buttons .button {
	float: right;	
}

.back_button {
	padding: 30px 0 0 20px;
	float: left;
}

.buttons a, .buttons .feature {
	display: block;
	float: right;
	clear: both;
	padding-bottom: 5px;
}

td.button {
	padding-top: 8px;
}

#sessionLog table {
	margin: 10px 0 10px 0; 
}

.limit {
	float: right;
	margin: 0 20px 20px 0;
}
.limit a {
	text-decoration: none;
}

.schedule a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

#scheduler .schedule, #scheduler .controls {
	background: #dddddd;
	width: 100%;
}
#scheduler .schedule tr, #scheduler .controls tr {
	background: #ffffff;
}

#scheduler .controls {
	margin-top: 5px;
	margin-bottom: 5px;
}

#scheduler .controls.key td {
	width: 60px;
	color: #000;
	font-weight: bold;
	text-align: center;
}
#scheduler.book .controls.key td {
	width: 220px;
}
#scheduler .controls.key td.rowhead {
	width: 60px;
	text-align: left;
	padding-left: 4px;
}

#scheduler .schedule tr.even {
	background: #eeeeee;
}
#scheduler .schedule td, #scheduler .controls {
	font-size: 0.8em;
}

#scheduler .schedule td.rowhead {
	cursor: default;
}

#scheduler .schedule td.row {
	text-align: center;
}
#scheduler .buttons {
	float: left;
	padding-top: 10px;
}

/* status colours */
#scheduler .unbooked { background: #6cc07f; }
#scheduler .booked { background: #d53800; }
#scheduler .requested { background: #fffc56; }
#scheduler .active { background: #ff4300; }
#scheduler .completed { background: #c1d5e7; }
#scheduler .reimbursed { background: #3371a7; }
#scheduler .canceled { background: #98478c; }

#scheduler .schedule .checkbox {
	margin: 2px;
	width: 10px;
	height: 10px;
	font-size: 10px;
}

#scheduler .scrollable {
	width: 100%;
}

.scrollable {
	overflow: auto;
}

.hidden {
	visibility: hidden;
}

#searchResults {
	margin-top: 10px;
}
#searchResults .result {
	margin-bottom: 5px;
}

table .head {
	font-weight: bold;
}
#feedbackBlock .head {
	border-bottom: 1px solid #999999;
}
#feedbackBlock .rowhead {
	font-weight: bold;
	color: #01469b;
}

#feedbackBlock .feedback {
	margin-bottom: 8px;
	padding-bottom: 4px;
	border-bottom: 1px solid #999999;
}

#referBlock {
	margin-top: 8px;
}

#buyCredits .proceed {
	margin-left: 16px;
}
#buyCredits #products{
	margin-top: 8px;
}

#buyCredits .product {
	margin-top: 5px;
}
#buyCredits .product .feature, #buyCredits #products .feature {
	margin-top: 3px;
}
#buyCredits .product .description {
	margin-bottom: 3px;
}

#pageBottom {
	clear: both;
	background-image: url(../images/background/foot.gif);
	height: 20px;
	width: 100%;
}

/*
#pageBottom.tpl_home {
	background-image: url(../images/background/foot_home.gif);
}
*/
#footer { 
	clear: both;
	float: left;
	width: 756px;
	border-top: 1px solid #cccccc;
	margin-top: 15px;
}
#footer .nav {
	width: 650px;
	float: left;
	font-size: 0.95em;
	line-height: 2.2em;
}
#footer .nav a { 
	padding: 0px;
	text-decoration: none;
	color: #01469b;
}

#footer .nav a:hover { 
	padding: 0px;
	text-decoration: underline;
	color: #01469b;
}
#footer .logo {
	float: right;
	margin: 2px;
}

.cal_img {
	vertical-align: bottom;
}

/* general styles */


.feature {
	font-size: 1.1em;
	color: #01469b;
	margin-top: 15px;
	margin-bottom: 5px;
}

/*
.message, .info, .warning, .error { 
	font-weight: bold;
	margin-bottom: 3px;
}

.warning, .error {
	color: red;
}
*/

.info, .message, .warning, .error {
	border: #E2E2E2 1px solid;
	margin: 10px 2px 0px 2px;
	padding: 10px 20px 20px 50px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}

.info h3, .message h3, .warning h3, .error h3 {
	font-size: 14px;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

.info p, .message p, .warning p, .error p {
	padding: 0;
	margin: 5px 0 0 0 ;
	font-size: 11px;
	font-weight: normal;
}
.info {
	background: #EFEFEF url(/admin/images/info_box.gif) no-repeat scroll 10px 10px;
}
.message, .warning, .error {
	background: #FFFFCC url(/admin/images/message_box.gif) no-repeat scroll 10px 10px;
}


.parasmall {
	font-size: 0.85em; 
}
.paratiny {
	font-size: 0.75em; 
}

/* the messages frame */
#messages {
	font-size:0.75em;
	background-color: #C1D5E7;
	margin-left: 10px;
}
#messages .sessionTxt {
	margin-left: 0;
}
#messages a {
	color: #01469b;
	text-decoration: none;
	font-weight: bold;
}

#messages a.alert, #sideBar a.alert {
	color: #dd0000;
}

.flash_block {
	text-align: center;
}