body {
	position: relative; /* IE7 */
    margin: 0;
    padding: 7px 0 3em 0;
    font-family: "Verdana CE", "Verdana", sans-serif;
    font-size: 10pt;
    color: #000000;
    background: #ffffff;
    text-align: center;
}

/* -- box -- */

.box {
    zoom: 1;
    display: block;
    position: relative;
}

.box .clt,
.box .crt,
.box .clb,
.box .crb {
    zoom: 1; 
    margin: 0px;
    padding: 0px;
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: green; 
    overflow: hidden;
}

.box .clt {
    top: 0px; 
    left: 0px; 
    background: transparent url("/gui/box-orange-clt.gif") no-repeat left top;
}

.box .crt {
    top: 0px; 
    right: 0px;
    background: transparent url("/gui/box-orange-crt.gif") no-repeat left top;
}

.box .clb {
    bottom: 0px; 
    left: 0px; 
    background: transparent url("/gui/box-orange-clb.gif") no-repeat left top;
}

.box .crb {
    bottom: 0px; 
    right: 0px; 
    background: transparent url("/gui/box-orange-crb.gif") no-repeat left top;
}

.box h2.head-box {
    margin: 0;
    padding: 7px 10px;
    font-family: "Tahoma", "Tahoma CE", "Verdana", "Verdana CE", sans-serif;
    font-size: 8pt;
    font-weight: bold;
}

.box a.clt {
    top: 0px; 
    left: 0px; 
    background: transparent url("/gui/box-orange-clt.gif") no-repeat left top;
}

.box a.crt {
    top: 0px; 
    right: 0px;
    background: transparent url("/gui/box-orange-crt.gif") no-repeat left top;
}

.box a.clb {
    bottom: 0px; 
    left: 0px; 
    background: transparent url("/gui/box-orange-clb.gif") no-repeat left top;
}

.box a.crb {
    bottom: 0px; 
    right: 0px; 
    background: transparent url("/gui/box-orange-crb.gif") no-repeat left top;
}

/* -- -- */

#page {
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

#pagehead {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 10pt;
}

#pagehead h1 {
    margin: 0;
    padding: 0;
}

#pagehead h1 img {
    display: block;
    margin: 0;
    padding: 0;
    border-style: none;
    
}

#pagecontent {
	border-bottom: 1px solid transparent;
}

#colleft {
	display: inline;
	float: left;
	width: 190px;
	font-size: 10pt;
}

#colright {
	display: inline;
	float: right;
	width: 810px;
	overflow:hidden;
	color: #ffffff;
    background: #F68320;
    font-size: 10pt;
}

/* -- pagefoot -- */

#pagefoot {
	display: inline;
	float: right;
	width: 810px;
	overflow:hidden;
	font-size: 8pt;
    color: #ffffff;
    background: #F68320;
}

#pagefoot * {
    margin: 0;
    padding: 0;
}

#pagefoot .inner {
	margin: 0 5px 5px 5px;
	padding: 0.8em 1em 0.5em 1em;
	background-color: #FFC0A3;
	background-color: #eeeeee;
	border-top: 1px solid #cccccc;
	color: #222222; 
}
	
#pagefoot a {
    color: #000000;
    text-decoration: underline;
}

#pagefoot a:hover {
   text-decoration: underline;
}

#pagefoot p {
    margin: 0;
    padding: 0 0 4px 0;
}

#pagefoot .boxed {
    padding: 0;
    margin: 0;
}

#pagefoot .boxed * {
    margin: 0;
    padding: 0;
}

#pagefoot .boxed p {
    margin: 0;
    padding: 0 0 4px 0;
}

/* -- -- */

.hidden {
    display: none;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.cleaner {
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    visibility: hidden;
    height: 0px;
    font-size: 1px;
    overflow: hidden;
}

/* -- -- */

table.form-layout {
    font-size: 10pt;
    margin: 0;
    padding: 0;
    border-style: none;
    border-collapse: collapse;
}

table.form-layout td {
    margin: 0;
    padding: 0;
    border-style: none;
    vertical-align: middle;
}


/* -- -- */

#mainmenu {
	margin: 3em 0 0 0;
	padding: 0;
}

#mainmenu ul {
	display: block;
	margin: 0;
	padding: 0;
}

#mainmenu ul li {
	list-style-type: none;
	list-style-position: outside;
	display: block;
	margin: 0 0 1px 0;
	padding: 0;
}

#mainmenu ul li.selected a {
	font-weight: bold;
	background-image: none;
}

#mainmenu ul li a {
	display: block;
	background: transparent url("/gui/user-menu-bullet.gif") no-repeat left center;
	padding: 0.3em 0 0.2em 1em;
	margin: 0;
	text-decoration: none;
	color: #333333;
	
}

#mainmenu ul li.selected a {
	background-color: #F68320;
	color: #ffffff; 
}

#mainmenu ul li a:hover {
	background-color: #dddddd;
	color: #ffffff; 
}

#mainmenu ul li a.box .clt {background-image: none;}
#mainmenu ul li a.box .crt {background-image: none;}
#mainmenu ul li a.box .clb {background-image: none;}
#mainmenu ul li a.box .crb {background-image: none;}

#mainmenu ul li.selected a.box .crb {background-image: none;}
#mainmenu ul li.selected a.box .clt {background: transparent url("/gui/box-orange-clt.gif") no-repeat left top;}
#mainmenu ul li.selected a.box .crt {background: transparent url("/gui/box-orange-crt.gif") no-repeat left top;}
#mainmenu ul li.selected a.box .clb {background: transparent url("/gui/box-orange-clb.gif") no-repeat left top;}
#mainmenu ul li.selected a.box .crb {background: transparent url("/gui/box-orange-crb.gif") no-repeat left top;}

#mainmenu ul li a.box:hover {background-image: none; color: #000000;}
#mainmenu ul li a.box:hover .clt {background: transparent url("/gui/box-silver-clt.gif") no-repeat left top;}
#mainmenu ul li a.box:hover .crt {background: transparent url("/gui/box-silver-crt.gif") no-repeat left top;}
#mainmenu ul li a.box:hover .clb {background: transparent url("/gui/box-silver-clb.gif") no-repeat left top;}
#mainmenu ul li a.box:hover .crb {background: transparent url("/gui/box-silver-crb.gif") no-repeat left top;}


/* -- -- */


#pagecontent h2 {
	margin: 0;
	padding: 0.7em 7px 0.5em 7px;
	font-face: "Arial CE", "Arial", sans-serif;
	font-weight: normal;
	color: #ffffff;
	font-size: 12pt;
	
}
	
.content {
	margin: 0 5px 0 5px;
	padding: 1em 1em 1px 1em;
	background-color: #ffffff;
	color: #000000; 
}

table {
	font-size: 9pt;
}

.form {
	margin: 0 0 1em 0;
	padding: 0;
}


.form td, 
.form th {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}

.form th label {
	position: relative;
	top: 0.25em;
}

.form legend {
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	}
	
.form label {
	font-weight: normal;
	font-size: 10pt;
}

	
/* -- -- */

form {
    margin: 0;
    padding: 0;
}

label {
    font-family: "Tahoma", "Tahoma CE", "Verdana", "Verdana CE", sans-serif;
    font-weight: bold;
}

.form ul.error {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 5px;
}

div.group {
	margin-bottom: 1em;
	}

ul.error li  {
	list-style-position: outside;
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 2px 0 2px 23px;
	background: transparent url("/gui/icon-error.gif") no-repeat 0px 2px;
}

.form ul.error li {
	color: #cb0000;
}

.form th label.required {
	font-weight: bold;
	}
	
.form th label.required:after {
	content: "*" ;
	color: #cb0000;
	}

.form textarea[readonly="1"] {
	color: #000000;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	font-family: "Verdana CE", "Verdana", sans-serif;
	font-size: 8pt;
}
	
table td, 
table th {
	padding: 1px 0.7em 1px 0;
}
	
table.common {
	border-collapse: collapse;
	/*border: 2px solid #ffffff;*/
	margin: 0 0 1em 0;
}
	
table.common td {
	padding: 0.3em 0.7em;
	margin: 0;
	background-color: #ffffff;
	border: 1px solid #888888;
}

table.common th {
	background-color: #444444;
	border: 1px solid #888888;
	padding: 0.4em 0.7em;
	margin: 0;
	color: #ffffff;
	font-weight: normal;
}
	
table.full {
	width: 100%;
	margin: 0;
}
	
/* -- box advert -- */

.box-advert {
    margin: 0 0 7px 0;
    padding: 0;
    text-align: center;
}

.box-advert img {
    display: block;
    margin: 0 auto;
}

/* flash messages */

ul.flash {
	display: block;
	margin: 0 0 1em 0;
	padding: 0;
}

ul.flash li  {
	list-style-position: outside;
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 2px 0 2px 23px;
	background: transparent url("/gui/icon-info.gif") no-repeat 0px 2px;
}

ul.flash li.ok {background: transparent url("/gui/icon-ok.gif") no-repeat 0px 2px;}
ul.flash li.error {background: transparent url("/gui/icon-error.gif") no-repeat 0px 2px; color: #cb0000;} 
ul.flash li.warning {background: transparent url("/gui/icon-warning.gif") no-repeat 0px 1px;}
ul.flash li.info {background: transparent url("/gui/icon-info.gif") no-repeat 0px 2px;}


	

.form ul.error li {
	color: #cb0000;
}

/* -- -- */

fieldset {
	border: 1px solid #ffffff;
	border: 1px solid #888888;
	margin-bottom: 1em;
	padding: 0;
}

fieldset legend {
	font-weight: bold;
	margin-left: 0.5em;
	color: #000000;
	}

fieldset table {
	margin: 0.5em;
	}

.ordinarytext {
	margin-bottom: 2em;
	}
	
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	display: block;
	margin: 0.5em 0 0.3em 0;
	padding: 0;
	color: #F68320;
	font-family: 'Arial CE', 'Arial', sans-serif;
	font-weight: bold;
	
}

.content h1 {font-size: 15pt;}
.content h2 {font-size: 14pt;}
.content h3 {font-size: 13pt;}
.content h4 {font-size: 12pt;}
.content h5 {font-size: 11pt;}
.content h6 {font-size: 10pt;}

.content p {
	margin: 0 0 1em 0;
	padding: 0;
}

.content ol {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 1em;
	padding-bottom: 0;
}

.content ol li p {
	margin-bottom: 0.5em;
	}
	
.content a {color: #000000;}
.content a:hover {color: #FF7600;}