/* HTML elements in general
-------------------------------------------------------- */
body{
	color:#333333;
	font-size: 70%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", sans-serif;
}

h1{font-size: 1.7em;}
h2{font-size: 1.4em; margin-left:3px;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

a{
	cursor:pointer;
	color: #000;
	text-decoration:none;
}

a:visited{
	color: #000;
}

a:hover{
	color:#0099FF;
}

img { border:0;}

table {
	border-collapse:collapse;
	font-size:90%;
}

.err{background-color:#FFD1C2;}


/* Layout
-------------------------------------------------------- */
#page{
	float:left;
	width:100%;
	padding:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
}

#top{
	float:left;
	clear:both;
	background: #003366 url(bg_top.gif) repeat-x top;
	width: 100%;
	min-height: 3em;
	padding:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	color:#FFFFFF;
	text-align:right;
}

#top a {color:#fff}

#top .selectLanguage {
	text-align:left;
	margin-left:5px;
}


#side_menu{
	float:left;
	width:19%;
	margin-left:0;
	margin-bottom:0;
	margin-right:0em;
	margin-top:0.5em;
	padding-left:0em;
	padding-top:0em;
	padding-right:1em;
	padding-bottom:0em;
	/*border: 1px solid #CCCCCC;*/
}

#content{
	margin-left:0em;
	margin-bottom:0;
	margin-right:1em;
	margin-top:0em;
	padding-left:0em;
	padding-top:0em;
	padding-right:0em;
	padding-bottom:4em;
	float:left;
	width:78%;
/*	border:#000 solid 1px;*/
}

#footer{
	float:left;
	clear:both;
	text-align:center;
	color:#999999;
	font-size:90%;
	width:100%;
}

/* Display
-------------------------------------------------------- */

/* -- HOME -- */
#home {
	width:68em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#home .left_col {
	float:left;
	width:30em;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:5em;
	padding-top:2em;
	text-align:center;
}
#home .left_col H3 { text-align:left; font-size:150%; font-weight:bold; margin-bottom:0;}
#home .left_col p { text-align:left; font-size:130%; margin-top:0.2em;}
#home .left_col img {max-width:25em;}
#home .right_col {
	float:right;
	width:35em;
	margin-left:auto;
	margin-right:auto;
	min-height:10em;
	margin-top:1em;
	margin-bottom:5em;
	padding-top:2em;
	padding-left:2em;
	border-left: 1px solid #999999;
}
#home .right_col img { float:left; margin-bottom:1em; margin-right:1em;}
/*#home .right_col h3 { margin-left:5px;}*/
#home .right_col a { text-decoration:none;}

/* -- END OF HOME -- */

/* -- SIDE MENU -- */
#side_menu hr { float: left; width:70%; height:1px; background-color: #CCC; color: #CCC; border: 0;}

/* -- MENU -- */
.menu { 
	float:left;
	width:100%;
	margin-bottom:0em;
	padding-left: .2em;
	/*border-bottom:1px solid #333333;*/
}
.menu a { text-decoration:none;}
.menu a:hover { text-decoration:underline;}
.menu img { float:left; clear: both;margin-bottom:0.2em;}
.menu ul {
	float:left;
	margin-left: 0.2em;
	margin-top:0;
	margin-bottom:0.2em;
	padding-left:1em;
	padding-top: 0.3em;
	list-style:none;
	font-weight: bold;
	width:75%;
}
.menu li { font-weight:normal;}

.menu ul .selected  a, .menu ul .hover { padding-left: 2px; border-left:5px solid #0099FF; color: #0099FF;}
.menu ul a:hover { padding-left: 2px; border-left:5px solid #0099FF; width:100%;}
/* -- END OF SIDE MENU -- */

/* -- Table -- */
th { 
	background: #003366 url(bg_top.gif) top repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	padding:.3em;
	border:1px solid #333333;
}
th a{ color:#FFFFFF; font-weight:bold; text-decoration:none;}
th a:visited{ color:#FFFFFF; font-weight:bold;}
th a:hover{ color:#FFFFFF; font-weight:bold;}
tr { }
td { border:1px solid #333333; padding:2px;}

#noBorder td { 
	border:2px solid #fff; 
	margin:3px; 
	padding:2px 5px 2px 5px;
}

#noBorder .label { 
	background-color: #eee;
	width: 15em;
	/*white-space: nowrap;*/
}

td .noBorder { border: 0px #fff solid; }

table .rowOver { background-color: #66CCFF; color:#FFFFFF;}
table .row1 { background: #ccc url(bg_tr2.gif) bottom repeat-x;}
table .row0 { background-color:#fff;}

/* -- FOOTER -- */
#footer a { text-decoration:none; color:#999;}
#footer a:hover { text-decoration: none; color:#66CCFF;}

/* Form
-------------------------------------------------------- */

	/* -- Form login -- */
.login{
	clear:both;
	width:20em;
	text-align:left;
	margin-top:2em;
	margin-bottom:1em;
	padding:1.5em;
	background-color:#FFFFFF;
	background-image:url(login_lock.gif);
	background-position: top right;
	background-repeat:no-repeat;
	border: 1px solid #666666;
}

.login h1 {margin-top:0; margin-bottom:1em;}
.login input{ display:block; width:15em;}
.login p {width:15em;}
.login input:focus { background-color:#FFFFCC;}

/*font-size:inherit;*/
input { font-size:95%; width:20em; font-family:Verdana, Arial, Helvetica, sans-serif;}
select { font-size:95%; width:20em; font-family:Verdana, Arial, Helvetica, sans-serif;}
textarea { font-size:95%; font-family:Verdana, Arial, Helvetica, sans-serif;width:30em;}

.button {
	background: #003366 url(bg_top.gif) top repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	font-size:95%;
	padding:.1em;
	border:1px solid #333333;
	width:auto;
}

.buttonPrevious {
	background: #6093CA url(arrow_left.png) left center no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 3px 3px 20px;
	border:1px solid #333333;
	width:auto;
}

.buttonNext {
	background: #6093CA url(arrow_right.png) right center no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 20px 3px 3px;
	border:1px solid #333333;
	width:auto;
}


.radio, .normalButton, .normalSize {width:auto;}

.required {
	color:#FF3366;
}


.spaceView{
	width:45%; 
	float:left; 
	margin:10px 5px 10px 5px; 
	padding:3px;
}

/* Message
-------------------------------------------------------- */

.error{
	color:#FFFFFF;
	font-size: 95%;
	background-color:#CC0000;
	padding:0.5em;
	margin: 1em;
}

.info{
	color:#FFFFFF;
	font-size: 95%;
	background-color:#009900;
	padding:0.5em;
	margin: 1em;
}

.warning {
	color:#000;
	font-size: 95%;
	background-color:#F7FA34;
	padding:0.5em;
	margin: 1em;
}


/* -- MISC -- */

h1 a{
	color: #00A03C;
	text-decoration: none ;
}

h1 a:visited{
	color: #00A03C;
	text-decoration: none ;
}

h1 a:hover{
	color:#0099FF;
	text-decoration: none ;
}

.selectBuilding {
	padding-left:3px;
	text-align: left;
	display:none;
}
.buildingName {
	text-align:left;
	font-weight:bold;
}

.noPadding {
	padding:0px;
	margin:0px;
}

div.roundedCorner { 
	float: left; width: 18em; padding: 20px; margin: 1em;
    background: #c92; color:#000; text-align: center;
}

div.viewInfoHeader { 
	float: left;
	width:98%;
/*	height: 16px;*/
	font-size: 1em;
	padding: 4px; 
	margin: 0em;
    background: #003366 url(bg_top.gif) top repeat-x;
	color:#fff;
	font-weight:bold;
	vertical-align:middle;
}

div.viewInfoHeader a { 
	color:#fff;
}

div.viewInfo { 
	float: left;
	width:98%; 
	padding: 5px; 
	margin: 0em;
    background: #fff; 
	clear: both;
}

div.imageContext{
	/*float: right;*/
	text-align:center;
}

div.stats {
	width:55%;
}

hr.separator {
	color: #eee; 
	background-color: #eee;
	height:2px; 
	border:0px;
	margin-top:10px;
	margin-bottom:10px;
}

/* -- END MISC -- */

/* -- PATH ASSISTANT -- */

#assistantTable td { 
	border:0px solid #fff; 
	margin:0px; 
	padding:0px;;
}

.infoPathAssistant{
	text-align:center;
	font-size:90%;
	font-style: italic;
	padding:0px;
	margin:0px;
}

.titlePathAssistantInactive {
	text-align:center;
	color: #aaa;
	font-style: italic;
	padding:0px;
	margin:0px;
}

/* Assistant curve height, background image */
.roundCornerSelected .t, .roundCornerSelected .b, .roundCornerSelected .b b, .roundCornerSelected .t b{
	height:10px;
	background-image:url(roundedcorner_selected.png);
}

/* Assistant inner color, border color, border width */
.roundCornerSelected .c{
	background:#fff;
	height:100%;
	border-color:#0099FF;
	/*border-color:#999999;*/
	border-left-width:2px;
	border-right-width:2px;
}

.assistantSeparator {
	height:3px; 
	padding:0px; 
	border:0px; 
	color: #eee; 
	background-color: #eee;
	vertical-align: middle;
}
/* -- END PATH ASSISTANT -- */

/* -- USER OPTION STYLES -- */

.userOption {
	width:46%; 
	float:left; 
	margin:10px 5px 10px 5px; 
	border:0px #DDDDDD solid; 
	padding:1px;
	height:170px;
}

.optionTitle {
	font-size:14px;
	font-weight: bold;
	width:100%;
	border-bottom:2px #eee solid;
	margin-bottom:20px;
	padding-bottom:5px;
}

.statsTitle {
	font-size:14px;
	font-weight: bold;
	border-bottom:2px #eee solid;
	margin-bottom:20px;
	padding-bottom:5px;
}

/* CURVE HEIGHT, BACKGROUND IMAGE */
.roundCornerOption .t, .roundCornerOption .b, .roundCornerOption .b b, .roundCornerOption .t b{
	height:10px;
	background-image:url(roundedcorner.png);
}

/* INNER COLOR, BORDER COLOR, BORDER WIDTH */
.roundCornerOption .c{
	height:150px;
	background:#ffffff;
	border-color:#eeeeee;
	border-left-width:2px;
	border-right-width:2px;
}

/* -- END USER OPTION STYLES -- */

/* -- USER PHONE LIST STYLE -- */

ul.listNumber{
	margin:0px;
	padding:5px;
	cursor:move;
	width:70%;
}

li.phoneList {
	list-style-type:none;
	height:30px;
	background:#fff;
	width:100%;
	margin:1px;
	border: 1px #59a4ff solid;
}

.numberOrder{
	color: #fff;
	font-size:14px;
	font-weight:bold;
	width: 10%;
	text-align: center;
	background:#59a4ff;
	margin:0px 2px 0px 0px;
	float:left;
	height:30px;
}
.numberInfo{
	width: 88%;
	padding:1px;
	margin:0px;
	float:left;
	height:30px;
}
	
/* -- END USER PHONE LIST STYLE -- */

/* --- ROUNDED CORNER DEFINITIONS  ---*/

/* CURVE HEIGHT, BACKGROUND IMAGE */
.roundCorner .t, .roundCorner .b, .roundCorner .b b, .roundCorner .t b{
	height:10px;
	background-image:url(roundedcorner.png);
}

/* INNER COLOR, BORDER COLOR, BORDER WIDTH */
.roundCorner .c {
	background:#ffffff;
	height:100%;
	border-color:#eeeeee;
	border-left-width:2px;
	border-right-width:2px;
}

/* surrounding margins (optional) */
.round{
	margin-bottom:5px;
}
.round .c{
/* inner content padding */
	padding:0 10px 0 10px;
	border-top:0;
	border-bottom:0;
	border-style:solid;
}
.round .t, .round .b, .round .t b, .round .b b{
	display:block;
	overflow:hidden;
}
.round .t b, .round .b b{
	float:right;
	width:50%;
}
.round .t .r{
	background-position:top right;
}
.round .b .r{
	background-position:bottom right;
}
.round .b{
	background-position:bottom left;
}
.round .br{
	clear:both;
	display:block;
	overflow:hidden;
	height:0px;
}

/* --- ROUNDED CORNER ---*/

/* --- IMPORT TABLE EXAMPLE --- */
#exampleTable {
	border:1px solid #ACA899;	/* Border around entire widget */
	overflow:auto;
	width:100%;
	margin: 3px 0px 3px 0px; 
}

#exampleTable .table {
	font-family:arial;
	font-size:12px;	
	width:400px;
}

#exampleTable .table td{
	margin:0px;
	padding:2px;
	border-left:1px solid #EAE9E1;
	border-bottom:1px solid #EAE9E1;	/* Border bottom of table data cells */
}

#exampleTable .table thead{	/* General rules for both standard column header and mouse on header of sortable columns */
	/* cursor:pointer;	*/
	border-bottom:2px solid #C5C2B2;
	border-right:1px solid #ACA899;

	border-left:1px solid #FFF;	
	background-color: #ECE9D8;
	border-top:2px solid #ECE9D8;
	white-space: nowrap;
	/* font-weight: bold;*/
}

#exampleTable .table tbody{	/* Rollover style on mouse over (Data) */
	background-color:#fff;	/* No mouseover color in this example - specify another color if you want this */
}
/*
#exampleTable .table tbody td{	
	padding:2px;	 
}*/

/* --- IMPORT TABLE EXAMPLE --- */