/* Acson Media Service  */
/* Developed by Go4 Multimedia - www.go4.com.au*/

body {
  background: #fff url(../images/pg_bg.gif) repeat-y;  margin:0; padding:0; color:#333;  font:62.5%/1.5em Arial, Helvetica, sans-serif; }

/* ---------   Sliding Doors Style Navigation thanks to Douglas Bowman --------- */
#nav {
  	float:right;
    width:600px;
	 margin-top:58px;
  	font-size:1em;
   line-height:10px;
   }

#nav ul {
	display:inline;
  float:right;
  margin:0;
  padding:2px 3px 0 3px;
  list-style:none;  }

#nav li {
  float:left;
  background:url(../images/nav_left.gif) no-repeat left top;
  margin:0 1px 0 0;
  padding:0 0 0 6px; }

#nav a {
  float:left;
  display:block;
  background:url(../images/nav_right.gif) no-repeat right top;
  padding:6px 10px 3px 5px;
  text-decoration:none;
  color:#333; }

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/

#nav a {float:none;}/* End IE5-Mac hack */
#nav a:hover { color:#ccc; }
#nav #active { background-image:url("../images/nav_left_hit.gif");  }
#nav #active a {
  background-image:url("../images/nav_right_hit.gif");
  color:#fff;
  border-bottom: #f60;
  padding-bottom:5px;  }

#navline {clear:both; height:20px; background:#fff url(../images/nav_line.jpg) repeat-x; border-bottom:1px solid #fff;}
  

 /* -------   Layout ------- */
 
#container {border-top:#fff solid 5px;	width: 760px;}


	
#header {height: 101px; background: #fff url(../images/hd_bg.jpg) no-repeat top right; border-bottom: 1px solid #fff;}
#logo {	float: left; padding: 0 0 0 3px;}

#header-text {	font-size: 2.5em; Font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; float: right; padding-right: 1em; padding-bottom: 1em;}

#sidebar {  float: right; width: 218px; }
#content {  width: 539px; background: url(../images/hd_curve.jpg) no-repeat top left;}
#popcontent {  width: 300px; background: url(../images/hd_curve.jpg) no-repeat top left;}

#content div {padding: 0 0 0 45px;}
#sidebar div {padding: .3em 1em .5em .3em;}

#footer {/*background: #E8E1DB;*/
	color: #900; height: 4em ; clear:both;	border-top: 1px solid #ccc; width: 530px;
	background: #fff;
	padding: 1px 0 0 10px;	margin: 0}


 /* --------- Links ----------- */
a:link { color: #900; text-decoration:underline;	}
a:visited { color: #900; text-decoration:underline;}
a:hover { color: #c00; text-decoration:none;}

/* ----- Headers ------ */
h1, h2, h3, h4 { color:#06C; font-family:Georgia, "Times New Roman", Times, serif;} 

h1 {font-size: 1.6em; color:#27375F; padding: 0; margin: 0;}
h2	{ height: 32px; color: #fff; font-size: 16px; margin:0; padding: 8px 5px 2px 5px ;
	background: url(../images/h2_bg.jpg) repeat-x;}
h2 span {background: url(../images/h2_bullet.gif) no-repeat left; padding-left: 12px;}
h3  {font-size: 1.4em; margin: 0 1em 1em -1em; padding: 0 0 .2em 1em; border-bottom:1px dotted #666;
	background: url(../images/h3_bg.gif) no-repeat left;}
#content a:link, #content a:visited, #content a:hover { color:#900;}
#content h3 a:link, #content h3 a:visited, #content h3 a:hover { color:#06C; text-decoration: none;}
h3 a:link, h3 a:visited, h3 a:hover { color:#06C; text-decoration: none;}
#sidebar h3 {font-size: 1.1em; margin: 0 0 .5em 0; padding:0 0 . 1em;}

h4 { font-size:1.2em; padding: 0 0 .5em 0; margin: 0; line-height: 1.5em; letter-spacing: 0.1em; color: #333;}

/* ------ Paragraphs ------------ */
#sidebar p { font-size: 1.2em ;}
p { font-size: 1.2em; line-height:1.6em; margin: 0; padding: 0 1em 1em 0;}
p.footer {font-size:1.1em; color:#999; padding: 5px 5px 5px 0px;	margin:0;}	
p.footer a:link, p.footer a:visited { color:#999; 	}


/* ----- Tables ---- */
td, th { font-size: 12px; margin: 0; padding: .5em;}
th {font-weight: bold;}


/* --------- Bannera --------------- */

#feature {height:173px;  background: #fff url(../images/feature_01.jpg) no-repeat top; border-bottom: 1px solid #fff;}

/* ----- Lists ------ */

#content ul{ font-size: 1.2em; margin-top:0; list-style-image:url(../images/bullet.gif);}
#content ul ul { font-size: .9em; margin-top:0; list-style-image:url(../images/bullet.gif);}
#sidebar ul{ font-size: 1.2em; margin: 0 0 .5em 2.5em; padding: 0;list-style-image:url(../images/bullet.gif);}
#sidebar li, #content li { line-height: 1.5em}
ol { margin: 0 0 .5em 2em; padding: 0 0 .5em 2em; font-size:1.2em}


/* ------- Images --------- */
 .cmsimg {float: left; border: 1px solid #999; margin: 0 1.5em .2em 0; padding: .3em;}
.profile {float: right; margin: 5px 25px;}
/* -------- Other -------  */
.indent {margin-left: 1.5em;}
.clear {clear:both; height:0;}

/* --- News ---- */
#content div.newsitem {margin: 0; padding: 0;}
h4.date {font-size: 11px; color: #333; margin-bottom: 0; padding-bottom:0;}

.hide { display:none; }	
.floatleft {float: left; margin: 5px 10px 5px 1px; position:relative;}
.floatright {float: right; margin: 5px 1px 10px 10px;position:relative;	}

/* --------- Admin ------------ */

.update, .add, .delete {padding:0;margin:5px;}
.admin {font-size:10px;color:#999;padding: 0px 5px 0px 0px;margin:0;	}
	
.admin a:link, .admin a:visited {
	font-size:10px;	color:#999;	padding: 5px 5px 0px 0px; margin:0;
		} 	
/* Form Elements */	

textarea #content_text {background: #ccc;}
form {margin: 0;padding: 0;}
fieldset {	margin:0; padding: 0; border: 0px; color: #c00; font-size: 1.2em;}
input {	border: 1px solid #036;	font-size:10px;	padding: 1px;	margin: 2px;}
fieldset br {display: none;}
legend {display: none;}
label {	display: block;}


#error {float: right;	margin-left: 5em;	color: #903;}

/*
fieldset div:hover span, * html fieldset div span {
	font-size: 1em;	color: #000; background-color: #f0f0f0;	margin-left: 30em;	padding: .1em .5em;
	border: 1px dotted #666666;	display: block;	position: absolute;	right: 3px;}
* html fieldset div span {
	position: static;	margin-left: 3em;	background-color: transparent;}
*/

div.cr p {	margin: 0;}
.mandat {font-weight: bold;	font-size: 1em;	color: #f60; }
.mandat:after {	content: "*";}
.optional {	font-weight: bold;	font-size: 85%;	color: #666666;}
div.formbtn {clear: both; background-color:#00FF00;	
}
.removed {display: none !important;}

/* app config */

#container-app {
	background: #fff;
	position: relative;	margin: 0 auto;	padding: 0;	text-align: left; border: 1px solid #999; border-width: 0 1px 1px 1px; 
	width: 760px;
	}

#content-app { /* border-right: 1px solid #ccc; */
	float: left; 
	padding: 1em;}

#container fieldset {margin: 1em;}
/* ---- Search --- */
#search {padding:0 0 20px 0; border-bottom: 1px solid #fff; margin: 5px 10px 0 0 }
#search form {padding:0 ; margin:0;}
#search label { display:inline; color: #333; font-weight: bold; font-size: 11px; }
#search input.btn {	color:#fff; border: 1px solid #036;	font-size:10px;	padding: 1px; background: #AF8327; font-weight:bold; font-size: 10px;}
#search fieldset {margin: 0;}
.smallwidth {width:80px;}

.news_image { float: right; padding: 10px;}