/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0; 	padding: 0;
	font: normal 73%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
	color: #555;
	background: #FFF url(../images/bg.jpg) repeat-x;
	text-align: center;		
}

/* links */
a { background: inherit; color: #fff; text-decoration: none; }
a:hover { background: inherit; color: #6693c0; text-decoration: none; }

.content a{ background: inherit; color: #555; text-decoration: none; }
.content a:visited { background: inherit; color: #555; text-decoration: none; }
.content a:active { background: inherit; color: #555; text-decoration: none; }
.content a:hover { background: inherit; color: #6693c0; text-decoration: none; }

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

/* new table thanks to: veerle's blog - http://veerle.duoh.com/blog/comments/a_css_styled_table/ */

#mytable {	
	font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	background: #FAFAFA;
	width: 96%;
	padding: 0;
	margin: 0px 10px;
}

#mytable a { 
	background:none;
	padding:0;
	margin: 0;
	color: #6693c0; 
	text-decoration: none;
}

#mytable a:visited { 
	color: #6693c0; 
	text-decoration: none;
}

#mytable a:active { 
	color: #6693c0; 
	text-decoration: none;
}

#mytable a:hover { 
	color: #555 !important; 
	text-decoration: underline !important;
}


#mytable caption {
	color: #000; 
	padding: 0 0 5px 0;	
	width: 95%; 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#mytable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	color: #6693c0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	border-left: 0;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #f9f9f9 url(../images/bg_header.jpg) no-repeat;
}

#mytable th.nobg {
	color: #555;
	font-weight: bold;
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #d0d0d0;
	background: none;
}

#mytable th.left {
	text-align:left;
}

#mytable th.right {
	text-align:right;
}

#mytable th.centered {
	text-align:center;
}

#mytable td {
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #555;
	text-transform: none;
}

#mytable td.alt0 {
	background: #fff;
	color: #555;
}


#mytable td.alt1 {
	background: #f9f9f9;
	color: #555;
}

#mytable th.spec0 {
	color: #555;
	border-left: 1px solid #d0d0d0;
	border-top: 0;
	background: #fff url(../images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#mytable th.spec1 {
	border-left: 1px solid #d0d0d0;
	border-top: 0;
	background: #f9f9f9 url(../images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #555;
}

/* end new table */


/* start - table */
table {
	margin: 0px 10px;	
	width:96%;
}
th strong {
	color: #fff;
}
th {
	background: #6693c0;
	border: 1px solid #6693c0;
	padding:2px 5px 2px 5px;
	color: #fff;
	text-align: left;
	font-weight: bold;
}
td {
	vertical-align: top;
	padding:3px 5px 0px 5px;
	font-size:1.0em;
}

.msover
{
	background-color: #ffffd3 !important;	
	border: 1px solid #ffffd3;
	cursor: pointer;
	height:50px !important;
}

.row0
{
	background: #f0f0f0;
	background-color: #f0f0f0 !important;
	height:50px !important;
}

.row1
{
	background: #ffffff;
	background-color: #ffffff !important;
	height:50px !important;
	
}

th.first {
	border-left: 1px solid #6693c0;
}
th.last {
	border-right: 1px solid #6693c0;
}
td.first {
}
td.last {
}

tr {
	background-color: transparent;
}

th a 			{ color: #fff; }
th a:hover 		{ color: #333 !important; }
th a:active 	{ color: #fff; }
th a:visited	{ color: #fff; }

td a 			{ color: #333; }
td a:hover 		{ color: #6693c0 !important; }
td a:active 	{ color: #333; }
td a:visited	{ color: #333; }



/* end - table */

/* form elements */
form {
	/*margin:10px 15px; padding: 0;*/
	background-color: #FAFAFA; 
}
fieldset {
	border:1px solid #e0e0e0;
	padding:5px 10px 5px 10px;
	color:#555;
	font-size: 11px;
	margin: 10px;
	text-align:left;
}
legend {
	color: #6693c0;
	padding: 0 5px 0 5px;
	margin: 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 0px;
	border:1px solid #6693c0;
	font-size: 1.1em;
	/*font: normal 1em "Trebuchet MS", Tahoma, sans-serif;*/
	color:#777;
	margin:0px;
}

input:hover {
	border:1px solid #555;
	background-color: #ffffd3;
}

textarea {
	width:95%;
	margin-left:10px;
	padding:2px;
	font-size: 1.1em;
	border:1px solid #6693c0;
	height:auto;
	display:block;
	color:#777;
	background-color: #fff;		
}

textarea:hover {
	border:1px solid #555;
	background-color: #ffffd3 !important;
}

.editable, textarea{
	background-color: #ffffd3;		
}

input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	background: #FFF url(../images/gradientbg.jpg) repeat-x; 
	padding: 2px 3px; 
	color: #666;	
	border: 1px solid #DADADA;	
}

input.button:hover {
    color: #000;
	border: 1px solid #6693c0;	
}

/***********************
	  LAYOUT
************************/

#header-content, #content, #footer-content {
	width: 760px;
}

/* header */
#header {
	height: 100px;
	text-align: left;		
}
#header-content {	
	margin: 0 auto; padding: 0;
	position: relative;	
	background: transparent;
}
#header-content h1#logo {
	position: absolute;	
	font: bold 40px 'Trebuchet MS', Sans-serif;
	letter-spacing: -1px; 
	color: #FFF;
	margin: 0; padding: 0;		
	
	/* change the values of left and top to adjust the position of the logo */
	top: 0; left: 0px;
}

#header-content h1#logo a {
	text-decoration: none;
	color: #f0f0f0;
	background: transparent;
	border:1px solid #fff;
}
#header-content #slogan {
	position: absolute;	
	width: 353px;
	height:30px;
	color:#fff;
	font: bold 12px 'Trebuchet Ms', Sans-serif;		
	font-style: italic !important;
	margin: 0; padding: 0;
	/* change the values of left and top to adjust the position of the slogan */
	top: 59px; left: 10px;	
}

#header-content div#slogan
{
	position:absolute;
	top:60px;
	color:#fff;
	font: bold 12px 'Trebuchet Ms', Sans-serif;		
	font-style: italic !important;
	color: #FFF;		
}
/* header menu */
#header-content ul {	
	position: absolute;
	right: -5px; top: 58px;
	font: bolder 1.0em 'Trebuchet MS', sans-serif;
	color: #FFF;
	list-style: none;
	margin: 0; padding: 0;		
}
#header-content li {
	display: inline;	
}
#header-content li a {
	/*-moz-border-radius:8px 8px 0px 0px;*/
	float: left;
	display: block;
	padding: 3px 12px;	
	color: #FFF;
	background-color: #666;
	text-decoration: none;
	border-right: 1px solid #272727;
}
#header-content li a:hover {
	background: #6693c0;
	color: #FFF;
}
#header-content li a.current  {
	background: #6693c0;
	color: #FFF;
}

#header-content #links {
	font: 0.8em Arial,Verdana, sans-serif;
	position: absolute;	
	font-size:8px;
	letter-spacing:1px;
	text-transform: uppercase;
	color: #FFF;	
	margin: 0; padding: 0;	
	/* change the values of left and top to adjust the position of the links */
	top: 20px; right: 0px;
}

#header-content #language {
	font: 0.8em Arial,Verdana, sans-serif;
	position: absolute;	
	font-size:8px;
	letter-spacing:1px;
	text-transform: uppercase;
	color: #FFF;	
	margin: 0; padding: 0;
	top: 35px; right: 0px;
}

#header-content #languagebar {
	position: absolute;	
	font-size:9px;	
	text-transform: uppercase;
	letter-spacing:1px;
	color: #FFF;	
	margin: 0; padding: 10px;
	line-height:20px;
	top: 48px; right: 0px;
	background-color:#333;
	border:1px solid #666;
	width:75px;
	height:auto;
}

#header-content #languagebar a.selected{ color: #6693c0; }
#header-content #languagebar a { color: #fff; }
#header-content #languagebar a:active { color: #fff; }
#header-content #languagebar a:visited { color: #fff; }
#header-content #languagebar a:hover { color: #ffff00; }


#header-content #placeholder {
	position: absolute;	
	width:300px;
	height:28px;
	padding: 3px;
	color: #FFF;
	/* change the values of left and top to adjust the position of the placeholder */
	top: 20px; left: 387px;	
}

/* header photo */
.headerphoto {
	margin: 0 auto;
	width: 770px;
	height: 200px;
	padding: 15px 10px 10px 10px;
	background-color: #fff;
	/*background: #FFF url(../images/headerphoto.jpg) no-repeat center;	*/
}

/* header login */
#header-content #placeholder .HeaderRow {
	float:left;
	width:300px;
	padding-top: 0px;
	padding-left:0px;
}

#header-content #placeholder .HeaderLogin {
	float: left;
	height: 18px;
}

#header-content #placeholder .HeaderUser {
	float: left;
	width: 115px;
	height: 18px;
}
#header-content #placeholder .HeaderPass {
	float: left;
	width: 110px;
	height: 18px;
}

#header-content #placeholder .HeaderLoginB {
	float: left;
	width: auto;
	height: 17px;
	font-size:30px !important;
	font-weight:bold;
	line-height:13px;
	padding:0 5px 0 5px;
}

#header-content #placeholder .HeaderSearchB {
	float: left;
	width: 48px;
}

#header-content #placeholder .UserLogin, .PassLogin {
	color: #818181;
	font-size: 10px;
	clear: both;
	height: 18px;
	padding-top: 0px;
}

#header-content #placeholder .UserInput .Left, .PassInput .Left {
	float:left;
	width: 91px;
	padding-left: 1px;
	height: 18px;
	background: url(../images/form_left.gif) no-repeat;
}

#header-content #placeholder .UserInput .Right, .PassInput .Right{
	float:left;
	width: 15px;
	height:18px;
}
#header-content #placeholder input.loginfield {
	font-family: tahoma, helvetica, sans-serif;
	font-weight: normal;
	font-size:11px;
	border: 0px;
	color: #737373;
	width: 80px;
	background: #F8F8F8;
	height: 13px;
	padding: 0;
	margin: 2px 0 0 8px;
	padding: 0 0 0 0;
}

/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
}
#content {
	text-align: left;	
	padding: 0;
	margin: 0 auto;	
}

/* sidebar */
#sidebar {
	float: left;
	width: 30% !important;
	width: 28%;
	margin: 0 0 10px 0; padding: 0;	
}	
#sidebar h1 {
	padding: 10px 0px 5px 10px;	
	margin: 0px 8px 0px 8px;	
	letter-spacing:1px;
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
	border-bottom: 1px solid #e8e8e8;
}
.sidebox {
	background: #F5F5F5;
	font-size: 1.1em;
	line-height: 1.5em;
	font: 'Lucida Console', 'courier new', monospace;	
	border: 1px solid #EFEDED;
	margin-bottom: 10px;
}

.ie7
{
	display:block;
}

*html .ie7 {
	display:none;
}


.sideboxrounded
{	
	border: 0px;
	margin-bottom: 10px;
	background:url(../images/box-bg.jpg) top left no-repeat #000;
}

#sidebar .sideboxrounded h3 {
	font-size:12px; 
	line-height:32px; 
	color:#fff; 
	background:url(../images/h3-left.jpg) top left no-repeat #000;
	font-weight:bold;
}
#sidebar .sideboxrounded h3 div {
	background:url(../images/h3-right.jpg) top right no-repeat;
	height:32px;
	line-height:32px;	
	padding:0 10px;
}

#sidebar h3 {
	margin:0; 
	border:0; 	
	padding:0; 
	color:#313029; 
	font-weight:normal;
} 

*html #sidebar .sideboxrounded h3 div {
	background: none;	
}

* html #sidebar h3 {
	margin:0px; 
	border:0; 	
	padding-top:10px; 
	color:#313029; 
	font-weight:normal;
}

.section-w{
	border:solid 4px #231f20;
	border-top:none;
	background:#f3f3f3;
	padding:14px;
	margin-bottom:15px;
}

.section-w a{text-decoration:underline;}
.section-w a:hover{text-decoration:none;}

.feed-ico{
	font-size:10px;
	float:right;
	padding-top:2px;
	font-weight:normal;	
	background:url(../images/feed.png) right 8px no-repeat;
	padding-right:20px;
}

.feed-ico a 		{ background: none;color:#fff;}
.feed-ico a:active 	{ background: none;color:#fff;}
.feed-ico a:visited { background: none;color:#fff;}
.feed-ico a:hover 	{ background: none;color:#6693c0;}

/* sidebar menu */
#sidebar ul.sidemenu {
	list-style:none;
	margin: 0px;
	padding: 0px;
	background: #F2F2F2;			
}
#sidebar ul.sidemenu li {
	padding: 0px 0px;	
}

#sidebar ul.sidemenu ul {
	list-style: none;
	padding: 5px 15px 5px 15px;
	margin:0px;
}

#sidebar ul.sidemenu a {
	display:block;
	font-weight:normal;
	color: #333;
	height: 1.5em;	
	line-height: 1.5em;
	text-decoration:none;
	padding: .3em 0 .3em 10px;
	border-left: 5px solid  #f8f8f8;
}
#sidebar ul.sidemenu a.top{	
	border-top: 1px dashed #D4D4D4;
}
#sidebar ul.sidemenu a:hover {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid #999;	
	color: #6693c0;		
}
#sidebar ul.sidemenu a.current,
#sidebar ul.sidemenu a.section {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid  #6693c0;
	color: #6693c0;		
	font-weight:bold;
}

/* main */
#main {
	float: left;
	width: 70%;	
	margin: 0 0 10px 0; padding: 0;	
}
#main h1 {
	padding: 10px 0px 0px 5px;
	margin: 0 0 0 10px;
	border-bottom: 1px solid #f2f2f2; 	
	font: normal 1.5em 'Trebuchet MS', Tahoma, Sans-serif;
}
#main ul li {
	list-style-image: url(../images/bullet.gif);
}

.tabstrip li {
	list-style-image: none !important;
}

/* footer */
#footer {
	clear: both;
	margin: 0; padding: 0;
	font: normal .95em/1.6em 'Trebuchet MS', Tahoma, Arial, sans-serif;
	text-align: left;	
}

#footer h1, #footer p {	margin-left: 0; }

#footer-content {	
	border-top: 1px solid #EAEAEA;
	margin: 0 auto;
	padding: 5px 0px 5px 0px;
	background: #000 url('../images/gradient_black.gif') top left repeat-x !important;
	color: #f8f8f8;
	text-align: center;	
}
#footer-content a {
	text-decoration: none;
	color: #999;	
}
#footer-content a:hover {
	text-decoration: none;
	color: #666;
}
#footer-content ul {
	list-style: none;
	margin: 0; padding: 0;
}
#footer-content .col {
	width: 32%;
	padding: 0 5px 30px 0;	
}
#footer-content .col2 {
	width: 33%;
	padding: 0 0 30px 0;	
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.gray  { color: #BFBFBF; }
.blue  { color: #6693c0; background: transparent !important; border:0px !important; }


p, h1,h2,h3 {
	margin: 10px 15px;
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;		
}

.img {
	border: 1px solid #DADADA;
	padding: 5px;
	background: #FAFAFA;
}

/* Search Results 
*****************************************/
ul#SearchResults {
	margin: 10px 0;
}
ul#SearchResults li {
	list-style: none;
	margin: 5px 0;
	font-size: 1em;
}


img.noborder {
  background: inherit;
  border: 0;
  padding: inherit;
}

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

img.alignright, img.alignleft {
  display: inline;
}

.alignright { 
	float: right; 
}

.alignleft { 
	float: left 
}

a img { border: none; }

/*START ROUNDBLOCK*/

div.roundblock {
	background-color: #eee;
	margin: 0px 10px 0px 10px;
}

div.roundblock .blockcontent {
	color:  #555;
	font-size:12px;
	padding: 0 10px 0 10px;
}


div.roundblock .blockcontent p {
	padding: 0;
	margin: 0px;
}


div.roundblock .blockcontent p.posted {
	padding: 0;
	margin: 0;
}

div.roundblock a {
	background: none;
	background-color: transparent;
	color: #555;
}

div.roundblock a:hover {
	color: #6693c0;
	text-decoration:none;
	border-bottom:1px solid #ffcc00;
}

div.roundblock a:visited {
	color: #555;
}

div.roundblock a:active {
	color: #555;
}


div.roundblock p.posted input {
	vertical-align: text-bottom;
}


/* -- corners -- */

.toprow {
	height: 10px;
	overflow: hidden;
	background-image: url(../images/corner_tl.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.botrow {
	height: 10px;
	overflow: hidden;
	background-image: url(../images/corner_bl.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.endrow {
	height: 10px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top right;
}
.toprow .endrow {
	background-image: url(../images/corner_tr.gif);
}
.botrow .endrow {
	background-image: url(../images/corner_br.gif);
}

/*END ROUNDBLOCK*/

.gallerypic
{
	border: 1px solid #d0d0d0;	
	text-align: center;	
}
.gallerypic:hover
{
	border: 1px solid #fff;
	text-align: center;
	cursor: pointer;	
}

.pagination
{
	color: #555;
	padding: 10px 15px 10px 15px;
	float:right;
}

.pagination a { color:#6693c0;text-decoration:none;}
.pagination a:visited {color:#6693c0;text-decoration:none;}
.pagination a:active {color:#6693c0;text-decoration:none;}
.pagination a:hover {color:#555;text-decoration:underline;}


.link a {color:#555;text-decoration:none;}
.link a:visited {color:#555;text-decoration:none;}
.link a:active {color:#555;text-decoration:none;}
.link a:hover {color:#6693c0;text-decoration:underline;}

.jsvalidation 
{ 
	margin-left:10px; 
	font-size:10px; 
	color:#FF0000; 
	font-family:"Lucida Sans Unicode", "Trebuchet MS", Tahoma, sans-serif; 
}

.progressWrapper {
	width: 100%;
	overflow: hidden;
}
.progressContainer {
	margin: 5px;
	padding: 4px;
	
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	
	overflow: hidden;
}
.red /* Error */
{
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}
.green /* Current */ 
{
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}
.blue /* Complete */
{
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: bold;
	color: #555555;
	
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0px;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}
.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Verdana;
	text-align: left;
	white-space: nowrap;
}
a.progressCancel,
a.progressCancel:link,
a.progressCancel:active,
a.progressCancel:visited,
a.progressCancel:hover
{
	font-size: 0px;
	display: block !important;
	height: 14px;
	width: 14px;
	
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;	
	z-index: 10000;
}
a.progressCancel:hover 
{
	background-position: 0px 0px;
}

abbr.published {
	height: 50px;
	width: 47px;
	background: url(../images/calendar.gif) no-repeat;
	background-position: 50% 0;
    font: normal 22px Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	padding: 0;
	border:0px;
	line-height: 100%;
	float: right;
}

abbr.published span {
	height: 16px;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 5px;
}

#dateclock
{
	font-size:10px;
	position:absolute;
	top:88px;
	right:10px;	
	color:#666;
}

#clock
{
	position:absolute;
	top:50px;
	right:12px;	
	text-align:left;	
	font-weight:bold;
}


.fixed:first-letter {
	font-size:3.8em !important;
	font-style:normal !important;
	font-weight:normal !important;
	display:block !important;
	float:left !important;
	background:transparent !important;
	color:#6693c0 !important;
	border-top:1px solid transparent !important;
	border-bottom:1px solid transparent !important;
	border-right:1px solid transparent !important;
	margin-right:5px !important;
	padding:0px !important;	
	line-height: .8em;

	
	
}