/*--------------------------------< 1. Main layout and defaults >-----------------------------------------*/

/* --- default settings --- */
*{
padding:0px;margin:0px;
font-family: "Trebuchet MS", Arial, Helvetica;
}

body{
	position:relative;
	margin:0 auto 0 auto;
	background-position: center;
	color:#333;
	font-size:62.5%;
	line-height:1.5;
	background-color:#efefef;
}
/* --- layout settings --- */
#wrapper {
	width: 960px;
	margin:0 auto;
	min-height:300px;
	/*background-color:#F0F0F0;*/
}
#skipLink{
display:none;
}
#nav {
	width: 150px;
	float:left;
	clear:left;
	padding: 5px;
  /*background-color:#EFEFEF;*/
}
#content {
	clear: right;
	float: left;
	width: 80%;
  padding-bottom:10px;
}
#middleChannel {
	float: left;
	width: 98%;
  padding:0% 2%;
	
}
#header {
	background-color: #ffffff;
	background-image:url(../images/backend/header.gif);
	background-image:repeat;
	height: 70px;
	width: auto;
	padding:.5em .5em .5em 2em;
/*	margin-bottom:1em;
	border-bottom-width:5px;
	border-bottom-style:solid;
	border-bottom-color:#D1D1D1;*/
}
#footer {
border-top: solid 1px #CCC;
	float:left;
	clear:both;
	height: auto;
	width: 100%;
	background-color: #000000;
	color:#FFFFFF;
}
#midsection {
background-color:#FFF;
padding-top:1em;
padding-bottom:1em;
}

/*--------------------------------< 3. Standard Links >-----------------------------------------*/
a:link, a:visited{
color:#4DA7C9;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

/*--------------------------------< 4. Header specific including "Feature List" Accessibilty etc. ------------------*/
#header ul, #header h1{
	padding-left:15px;
}
#header h1{
	padding:0px;
	padding-left:0px;
	margin:0px;
}
#header ul{
padding-left:0em;
}
#featureList li
{
	font-family:Arial, Helvetica, sans-serif;
	display: inline;
	list-style-type: none;
	font-size:0.9em;
	font-weight:bold;
	padding: 0px;
	margin: 0px;
	padding-right: 0.6em;
	float:right;
	width:10em;
	margin-top:1em;
	padding-top:5px;
}
#featureList li a:link, #featureList li a:visited{
	text-decoration: none;
	color:#FFFFFF;
}
#featureList li a:hover{
	text-decoration: underline;
}


/*--------------------------------< 5. Navigation - series of unordered lists >-----------------------------------------*/


#nav ul{
list-style-type:none;
}
/*common sub nav lists*/
#nav ul ul a:link, #nav ul ul a:visited{
color:#999;/*dark_grey*/
display:block;
width:130px;
/*margin:0 8%;*/
padding:4px 4px 4px 20px;
text-decoration:none;
}
#nav ul ul a:hover{
text-decoration:underline;
}
/*specific lists*/
#nav ul #itemSub a:link, #nav ul #itemSub a:visited{
color:#202A5D;
background-color:#FFF6D9;
}
#nav ul #itemSub a:hover{
background-color:#ffdc6c;
text-decoration:underline;
}

#nav ul h4 a:link, #nav ul h4 a:visited{
display:block;
font-size:1.2em;
width:150px;
/*margin:0 8%;*/
padding: 0 2%;
text-decoration:none;
color:#666;/*default dark grey*/
border-top:solid 2px #ffffff;
font-weight:lighter;
}
#nav ul h4.selected a:link, #nav ul h4.selected a:visited{
display:block;
background-color:#55b9df;
color:#FFF;
text-decoration:none;
}
#nav ul h4 a:hover{
background-color:#F36;
color:#FFF;
text-decoration:underline;
}
/*--------------------------------< 6. Footer specific styles >---------------------------------------*/
#footer p{
font-family:Arial, Helvetica, sans-serif;
padding:5px 5px 5px 5px;
font-size:1em;
line-height:1.2;
margin-top:10px;
}
/*--------------------------------< 7. Main page area styles >-----------------------------------------*/

/* --- standard html elements --- */
#middleChannel p, #middleChannel h1, #middleChannel h2, #middleChannel h3, #middleChannel h4{
	padding:10px;
}

#middleChannel p, #middleChannel h3{
 font-size:1.2em;
}
#middleChannel h1, #middleChannel h2{
font-size:1.6em;
line-height:1.4em;
letter-spacing:-1px;
}
#middleChannel h3{
font-size:1.4em;
line-height:1.2em;
letter-spacing:-1px;
}
#middleChannel h4{
font-size:1.2em;
line-height:1.4em;
}
#middleChannel ul{
padding-left:40px;
padding-bottom:10px;
}
#middleChannel select{
font-size:1.1em;
width:200px;
}
#middleChannel option{
line-height:1px;
}
#middleChannel input{
font-size:1.1em;
line-height:1;
}


/*--------------------------------< 7. Common helper styles >---------------------------------------*/

/* --- table formatting --- */

.highlight{
background-color:#F0F0F0;
}
.lowlight{
background-color:#E3E1E1;
}
.active{
background-color:#B0CC99;
}
.clear{
height:1px;
font-size:0.0em;
clear:both;
}

/*---------<ADDITIONS>------------*/

#middleChannel table{
width:100%;
border-color:#CCC;
border-collapse: collapse;
border-width:1px;

}
#middleChannel table td img a{
border:1px;
border-color:#ff6633;
}

#middleChannel table th{
background-color:#999;
background-image: url(/images/backend/table_head_grad.gif);
text-align: left;
color:#FFF;
padding:2px;
vertical-align: bottom;
}
#middleChannel table tr{
background-image: url(/images/backend/grad.png);
background-repeat: repeat-x;
}
#middleChannel table td{
padding:5px;
}

#topPanel{
background-color:#F0F0F0;
border-top: solid 1px #CCC;
border-bottom: solid 1px #CCC;
padding-bottom:5px;
}
#topPanel #topPanelMain{
float:left;
clear:left;
}
#topPanel #topPanelMain p.optionLink{
font-size:1.0em;
}
#topPanel #topPanelMain p.optionLink img{
padding:0px 4px 0px 2px;
}
#topPanel #optionPanel{
width:200px;
margin:5px;
float:right;
clear:right;
border: solid 1px #CCC;
}

/*---------< specific nav list icons >------------*/
.report_user{
  background-image: url(/images/icons/report_user.png);
  background-repeat: no-repeat;
  background-position:0 .4em;
}
.create_user{
  background-image: url(/images/icons/user_add.png);
  background-repeat: no-repeat;
  background-position:0 .4em;
}
.list_publications{
  background-image: url(/images/icons/newspaper.png);
  background-repeat: no-repeat;
  background-position:0 .4em;
}
.list_editions{
 background-image: url(/images/icons/page_copy.png);
  background-repeat: no-repeat;
  background-position:0 .4em;
}

.create_publication {
 background-image: url(/images/icons/newspaper_add.png);
  background-repeat: no-repeat;
  background-position:0 .4em;

}

/* DIV table */
.table
{
}

.row
{
}

.column
{
  float: left;
  width: 150px;
}

.clearer
{
  clear: both;
}

/*-------MATTS ADDITIONS-----*/

#manTransfer {float:left;
width:180px;
border-right-width:1px;
border-right-style: solid;
border-right-color:#666666;
height:17em;}

#automaticTransfer {float:left;
width:180px;
border-right-width:1px;
border-right-style: solid;
border-right-color:#666666;
height:17em;}

#subscribers {float:left;
width:160px;}

#automaticTransfer p {font-size:1.2em;}

.padding5 {padding:5px;}

.largerFont {font-size:1.2em;}

.altRow  {background-color:#CCCCCC;}

/* MESSAGE STYLES */
.success, .error, .notice {
 color: white;
 font-weight: bold;
 background-repeat: no-repeat;
 background-position: 5px 4px;
 padding: 5px 10px 5px 26px;
 margin-bottom: 12px;
}
.success {
 background-color: #73B65A;
 background-image: url("/images/icons/ok.png");
}
.error {
 background-color: #E75C58;
 background-image: url("/images/icons/error.png");
}
.notice {
 background-color: #3F66FF;
 background-image: url("/images/icons/notice.png");
}
 
.error LI {
  list-style: none;
}
 
.flashMessage {
/*  padding-top: 10px;*/
  text-align: center;
  margin-top:6px;
 
}


#header h1 {text-indent:-5000px;}

.flashMessageWrapper {}


/*----------------LOGIN STYLING------------------------------------*/

#login {margin: 0pt auto;
width:700px;
background-color:#ffffff;
margin-top:80px;
padding:40px;
border-width:1px;
border-style:solid;
border-color:#BEBEBE;}

#login_text {width:240px;
float:left;
padding:10px;
border-width:1px;
border-style:solid;
border-color:#BEBEBE;
background-color:#FFFFFF;
padding-left:40px;
padding-right:40px;
padding-top:20px;}

#login_box {width:265px;
float:left;
padding:10px;
padding-left:30px;/*
background-color:#FFFFFF;*/
margin-left:10px;
padding-top:20px;
padding-right:20px;
}

#login label {
font-size:1.1em;
}

#login input {font-size:1.1em;}

#frHeader {
height:59px;
/*padding-left:20px; */
}

#login_wrap {padding:20px;
background-color: #f7f7f1;
border-width:1px;
border-style:solid;
border-color:#BEBEBE;}

#login p {font-size:1.1em}

#login_text h3, #login_text h4, #login_text p {margin-bottom:15px;}

#login h2 {font-size:1.6em;}

#frHeader h1 {font-size:2.5em;}

#login_text h2 {font-size:1.2em;}

#login_text h3 {font-size:1.6em;
line-height:1;}

#login_text h5 {font-size:1.2em;
margin-bottom:10px;}
/*

#login h3 {font-size:1.4em}*/

#login_text h4 {font-size:1.4em;}

#login ul {margin-left:30px;
font-size:1.1em;
margin-bottom:20px;}

/*new styles for Mark*/
#login_wrap_mpl {padding:5px;
background-color: #000000;
border-width:1px;
border-style:solid;
border-color:#BEBEBE;}

#login_text_mpl {width:320px;
float:left;
padding:5px;
border-width:1px;
border-style:solid;
border-color:#BEBEBE;
background-color:#d7d7d7;
padding-left:20px;
padding-right:20px;
padding-top:20px;}

#login_wrap_mpl a:link {color:#f8f400;} 
#login_wrap_mpl a:visited {color:#f8f400;}

#login_text_mpl a:link {color:#cc0040;} 
#login_text_mpl a:visited {color:#cc0040;}
                                                                                            
#mplDigitalFooter { width: 250px;
float:right;
display: block;
padding-top:5px;}
#mplDigitalFooter p{
 line-height: 1;
}
.previewShadow {
padding:0px;
background-color:#ff3366;
padding-right: 10px;
padding-bottom:10px;
padding-left:1px;
padding-top:1px;
background-image:url(../images/frontend/mpl_login_preview_shadow.gif);
}

/*end marks changes*/

.blue {color:#4da7c9;}

.textbox {width:150px;}

#login_box h2 {font-size:1.2em}

#login_box h3 {font-size:1.6em}

.frameHeader {margin-bottom:10px;}

.marginb10 {margin-bottom:10px;}

.grey {color:#8E8E8E;}
.white {color:#FFFFFF;}   
.black {color:#000000;}  
.yellow {color:#f8f400;} 


#register_box {width:420px;
padding:10px;
border-width:1px;
border-style:solid;
border-color:#BEBEBE;
background-color:#FFFFFF;
padding-left:40px;
padding-right:40px;
padding-top:20px;}

.fs18 {font-size:1.8em;}

.fs11 {font-size:1.1em;}



/* LAZY TABLE STYLES */
.lazyTable LABEL {
  display: block;
  float: left;
  width: 120px;
}
.lazyTable50 LABEL  { width:  50px; }
.lazyTable80 LABEL  { width:  80px; }
.lazyTable100 LABEL {  width: 100px;  }
.lazyTable120 LABEL {  width: 120px;  }
.lazyTable140 LABEL {  width: 140px;  }
.lazyTable160 LABEL {  width: 160px;  }
.lazyTable180 LABEL {  width: 180px;  }

.lazyTable SPAN {
  display: block;
  float: left;
}
.lazyTable LABEL, .lazyTable SPAN {
  margin-bottom: 4px;
}
.lazyTable BR {
  clear: both;
}


/*----------------------TECHNICAL HELP STYLINGS-------------------*/

#technical h2 {padding-left:0px;}

#technical p {font-size:1.0em;}

.tech_question {font-size:1.8em;
color: #999999;}

.tech_answer {font-size:1.2em;}

.question_top {color:#4DA7C9;
font-size:1.4em;}

li.strike
{
text-decoration: line-through;
color:#cccccc;
}

ul#h-nav li 
{
float:right;
 display: inline;
 padding-left:5px;
}