/* 
------------------------------------------------------

Reset
Page Structure
Typography
Links
Forms

------------------------------------------------------ */
/* Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, a, span, blockquote, table, th, td {
margin: 0;
padding: 0;
}
/* Page Structure */
body {
font: 11px/18px Arial, Helvetica, sans-serif;
color: #666;
text-align: center;
background: #fff;
}
#wrap {
margin: 20px  auto;
width: 1050px;
min-width: 960px;
}
#halfwrap {
margin: 20px  auto;
width: 80%;
min-width: 480px;
}
#content, .fullscreen {
width: 100%;
float: left;
text-align: left;
}
#medianzonline {
float: left;
margin: 0 20px;
display: inline;
}
#mediamonitors {
float: right;
margin: 0 20px;
display: inline;
}
#latest {
float: right;
width: 328px;
background: url(images/latest-top.gif) 0 0 no-repeat;
line-height: 16px;
}
#crumbs {
float: left;
}
#browse {
margin: 20px 0 0 0;
width: 100%;
float: left;
background: url(images/crumbs-top.gif) 0 0 repeat-x;
}
#browse.nocrumbs {
background: url(images/nocrumbs.gif) 0 0 repeat-x;
}
.grey_out{
color: #ccc;
}
.left {
width: 100%;
float: left;
background: url(images/dot.gif) 0 0 repeat-y;
}
.bottomleft {
width: 100%;
float: left;
background: url(images/corner-bl.gif) 0 100% no-repeat;
}
.right {
width: 100%;
float: left;
background: url(images/dot.gif) 100% 0 repeat-y;
}
.bottomright {
width: 100%;
float: left;
background: url(images/corner-br.gif) 100% 100% no-repeat;
}
.topright {
width: 100%;
float: left;
background: url(images/h-tr.gif) 100% 0 no-repeat;
}
.topright-nocrumbs {
width: 100%;
float: left;
background: url(images/h-tr-nocrumbs.gif) 100% 0 no-repeat;
}
.bottom {
width: 100%;
float: left;
background: url(images/dot.gif) 0 100% repeat-x;
}
.personalised {
margin: 8px 20px;
float: right;
display: inline;
}
#contents_container {
width: 100%;
float: left;
padding: 0 0 10px 0;
}
#form_container {
display: block;
width: 100%;
float: left;
}
#colwrap {
width: 770px;
float: left;
padding: 0 0 10px 0;
}
#fullcolwrap {
width: 750px;
float: left;
padding: 6px 0 10px 0;
margin: 0 auto;
}
#halfcolwrap {
width: 450px;
float: left;
padding: 6px 0 10px 0;
margin: 0 auto;
}
#mainbody {
width: 100%;
}
#bind {
margin-left: 20px;
float: left;
display: inline;
width: 97%;
height:334px;
overflow-x: scroll;
overflow-y: hidden;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#search_results {
margin: -1px 0 0 -1px;
float: left;
display: inline;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#search_results ul {
width: 247px;
height:295px;
overflow-x: hidden;
overflow-y: scroll;
}
#mycontact_results {
margin: 0 0 0 20px;
float: left;
display: inline;
width: 70%;
height:280px;
overflow-x: hidden;
overflow-y: scroll;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#news_groups {
margin: 0 0 0 20px;
float: left;
display: inline;
width: 100%;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#export_fields {
margin: 0 0 0 20px;
float: left;
display: inline;
width: 100%;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#function_list {
margin: 0 0 0 20px;
float: left;
display: inline;
width: 97%;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#function_list td {
padding-left: 6px;
}
#function_list .button {
border-right: 1px solid #ccc;
width: 15%;
}
#function_list .no_border {
width: 15%;
}
#medium_details, #function_details {
margin: 10px 0 10px 20px;
float: left;
/*display: inline;*/
width: 96%;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #f6f6f6;
}
#options, .dig, #newgroup {
float: left;
width: 100%;
}
#selected_container {
width: 240px;
margin: 0 10px 10px -10px;
float: right;
}
#selected {
width: 235px;
float: right;
margin: 0 10px 10px -10px;
border: 1px solid #ccc;
}
#saveasgroup {
width: 235px;
float: right;
max-height:100px;
margin: 0 10px 10px -10px;
border: 1px solid #ccc;
}
.evenspread #selected {
width: 96%;
float: left;
border-bottom: 0;
margin: 0;
border: 1px solid #ccff99;
border-bottom: 0;
}
.col {
min-height: 100%;
height: 320px;
min-width: 120px;
overflow-x: hidden;
overflow-y: scroll;
/*
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
*/
}
.col.last {
/*
border-right: 1px solid #ccc;
*/
}
.evenspread {
width: 50%;
float: left;
margin: 0 auto;
}
.leftspread {
width: 250px;
float: left;
margin: 0 auto;
}
.rightspread {
width: 600px;
float: right;
margin: 0 auto;
}
.fullspread {
width: 100%;
}
.details {
width: 100%;
float: left;
margin: 10px 0 0 0;
}
#newsexp_label {
width: 160%;
float: left;
margin: 10px 0 0 0;
}
.smalldig {
float: left;
}
/* Typography */ 
#history td {
padding: 4px 10px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.sharing td, .sharing th {
padding: 4px 10px;
}
#history th {
background: #f5f5f5;
padding: 8px 10px;
font-weight: normal;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.sharing th {
font-weight: normal;
border-bottom: 1px solid #ccc;
color: #333;
}
table#history {
margin: 0 20px 10px 20px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;
display: inline;
}
table#recipients_table {
margin: 10px 20px 10px 20px;
width: 1011px;
border: 1px solid #ccc;

float: left;
display: inline;
}
#recipients_table th {
background: #f5f5f5;
padding: 8px 10px;
font-weight: normal;
border-bottom: 1px solid #ccc;
}
#recipients_table td {
padding: 4px 10px;
}
table#people_table {
margin: 10px 10px 10px 10px;
width: 980px;
border: 1px solid #ccc;

float: left;
display: inline;
}
#people_table th {
background: #f5f5f5;
padding: 8px 10px;
font-weight: normal;
border-bottom: 1px solid #ccc;
}
#people_table td {
padding: 4px 10px;
}
table#people_function_table {
margin: 0 20px 10px 20px;
width: 511px;
border: 1px solid #ccc;

float: left;
display: inline;
}
#people_function_table th {
background: #f5f5f5;
padding: 8px 10px;
font-weight: normal;
border-bottom: 1px solid #ccc;
}
#people_function_table td {
padding: 4px 10px;
}
table#newsexp_table, table#mailingexp_table {
margin: 0 20px 10px 20px;
width: 850px;
border: 1px solid #ccc;

float: left;
display: inline;
}
#newsexp_table th, #mailingexp_table th {
background: #f5f5f5;
padding: 8px 10px;
font-weight: normal;
border-bottom: 1px solid #ccc;
}
#newsexp_table td, #mailingexp_table td {
padding: 4px 10px;
}
table#account_table {
margin: 0 20px 10px 20px;
width: 550px;
border: 1px solid #ccc;
float: left;
}
#account_table th {
background: #f5f5f5;
padding: 8px 10px;
font-weight: normal;
border-bottom: 1px solid #ccc;
}
#account_table td {
padding: 4px 10px;
}
table#organisation_table {
margin: 0 20px 10px 10px;
float: left;
}
#organisation_table td {
padding: 4px 10px;
}
table#payments_table, table#credits_table {
margin: 0 20px 10px 20px;
float: left;
}
#payments_table td, #credits_table td {
padding: 4px 10px;
}
table#payments_table_1 {
margin: 0 20px 10px 20px;
float: right;
}
#payments_table_1 td {
padding: 4px 10px;
}
table#correspondence_table {
margin: 0 20px 10px 20px;
width: 921px;
float: left;
display: inline;
}
#correspondence_table td {
vertical-align: top;
padding: 2px 10px;
}

table#news_table {
margin: 0 0 10px 20px;
width: 431px;
float: left;
display: inline;
}
#news_table td {
vertical-align: top;
padding: 2px 10px;
}
table.sharing {
margin: 0 20px 10px 20px;
float: left;
display: inline;
}
p {
padding: 4px 20px;
}
ul {
list-style: none;
}
dl {
margin: 8px 20px;
}
dt {
font-weight: bold;
float: left;
}
dd {
margin: 0 0 0 140px;
}
h1 {
margin: 8px 20px;
font-size: 14px;
color: #ac0101;
font-weight: normal;
}
h2 {
margin: 8px 20px;
font-size: 10px;
text-transform: uppercase;
color: #ac0101;
font-weight: normal;
}
h2 a{
font-size: 11px;
text-transform: none;
}
#browse.nocrumbs h2 {
margin: 0;
padding: 8px 20px 4px 20px;
background: url(images/h-tl-nocrumbs.gif) 0 0 no-repeat;
}
h3 {
margin: 8px 20px;
font-size: 11px;
color: #333;
font-weight: normal;
}
h4 {
margin: 8px 20px;
font-size: 11px;
color: #ac0101;
font-weight: normal;
}
#selected h3 {
padding: 8px 10px;
margin: 0;
background: #ddd;
color: #ac0101;
}
#search_results h3 {
width: 237px;
padding: 4px 5px;
margin: 0;
background: #ddd;
color: #ac0101;
}
#medium_details td, #function_details td {
vertical-align: top;
padding: 0 0 0 8px;
}
#medium_details #head, #function_details #head{
padding: 0;
}
#medium_details td h3, #function_details td h3 {
padding: 8px 0 8px 8px;
margin: 0;
background: #ddd;
color: #ac0101;
}
#medium_details #edit, #function_details #edit{
padding: 8px 0 8px 8px;
margin: 0;
}
#newgroup h3, .details h3, #newsexp_label h3 {
display: inline;
float: left;
}
h3#selectgroup {
background: url(images/dotted.gif) 0 100% repeat-x;
padding: 0 0 4px 0;
margin: 0 20px;
}
#settingsform h3 {
margin: 8px 0;
border-bottom: 1px solid #ccc;
padding: 0 0 4px 0;
}
#latest ul {
float: left;
margin: 8px 0 0 0;
width: 100%;
background: url(images/latest-bottom.gif) 0 100% no-repeat;
text-align: center;
}
#latest li#latestreleases {
float: left;
display: inline;
margin-left: 10px;
/*width: 124px;*/
}
#latest li#latestemails {
float: right;
display: inline;
margin-right: 10px;
/*width: 124px;*/
}
#crumbs ul {
float: left;
display: inline;
padding: 0 0 0 5px;
background: url(images/h-tl.gif) 0 0 no-repeat;
}
#crumbs li {
float: left;
height: 26px;
padding: 6px 26px 6px 15px;
background: url(images/crumbs-divide.gif) 100% 50% no-repeat;
line-height: 28px;
}
#options ul {
float: left;
display: inline;
background: url(images/dotted.gif) 0 100% repeat-x;
width: 100%;
padding: 6px 0 6px 0;
}
#options li {
float: left;
display: inline;
padding: 0 20px;
border-right: 1px solid #ccc;
line-height: 20px;
}
#options li.last {
border: 0;
}
#options li a {

display: inline;
}
#options li.selected a {
color: #ac0101;
}
tr.currentuser {
background: #88CDFF;
}
li.current_selected {
background: #88CDFF;
}
li.Radio {
background: #ffdddd;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}
li.TV {
background: #ccffcc;
border-top: 3px solid #fff;
border-bottom: 2px solid #fff;
}
li.Internet {
background: #ddddff;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}
li.Agencies {
background: #ccffff;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}
li.current_selected a{
font-weight: bold;
}
.col li.g {
background: #ccc;
}
.col li.selected {
background: #ddd;
}
.col li.selected a {
color: #ac0101;
}

.dig ul {
margin: 10px 0 0 16px;
}
#fullcolwrap .smalldig ul {
margin: 8px 0 8px 16px;
}
.dig ul li, .smalldig ul li {
float: left;
padding: 0 12px 0 4px;
background: url(images/next.gif) 100% 50% no-repeat;
}
.dig ul li.last, .smalldig ul li.last {
background: none;
border: 0;
}
.col ul li {
line-height: 14px;
/*
border-bottom: 1px solid #ccc;*/
}
#group_name_entry {
	margin: 8px 150px 8px 30px;
	float: left;
}
#group_list_container{
	width: 300px;
}
#group_contents_container{
	margin: 2px 0 0 0;
	width: 400px;
	float: right;
}
.group_container {
	margin: 8px 0 8px 20px;
	width: 250px;
}
#search_container {
	margin: 8px 0 8px 20px;
	width: 90%;
}
#button_container {
	margin: 8px 0 8px 20px;
	width: 84%;
}
#search_results ul li {
line-height: 14px;
padding: 8px;
}
#selected ul li {
line-height: 14px;
/*border-bottom: 1px solid #ccc;*/
}
#fullcolwrap ul {
margin: 8px 10px;
}
#fullcolwrap ul li ul {
margin: 2px 20px 8px 30px;
}
#fullcolwrap ul li {
margin: 0 0 4px 0;
}
#fullcolwrap .evenspread #selected ul, #fullcolwrap .evenspread #selected ul li {
margin: 0;
}
.pages ul {
float: left;
margin: 8px 0 0 0;
}
.pages li {
display: inline;
padding: 0 10px;
}
/* Links */
a {
color: #555;
text-decoration: underline;
}
a:hover {
text-decoration: none;
color: #036;
}
a img {
border: 0;
}
.col ul li{
/*background: url(images/add.gif) 97% 50% no-repeat;*/
padding: 8px;
/*display: block;*/
}

#play-button, #cancel-button, #add-button, #save-button{
float: right;
margin: 0 8px 0 1px;
}

.play-button, .cancel-button, .add-button, .save-button{
float: right;
margin: 0 8px 0 1px;
}

.navbar{
float: right;
margin: 5px 18px 0 1px;
}

#clear-button{
float: right;
margin: -24px 8px 0 8px;
}
#send_button{
float: right;
margin: 8px 20px 0 8px;
}
#export_button{
float: right;
margin: -4px 20px 0 25px;
line-height: 16px;
background: url(images/page.gif) 50% 0 no-repeat;
}
#button_container #cancel-button, #button_container #save-button{
	margin: 0 8px 16px 8px;
}
.col ul li#empty a{
padding: 8px 10px;
display: block;
}
#selected ul {
max-height:300px;
overflow-x: hidden;
overflow-y: scroll;
}
#selected ul li {
/*background: url(images/cancel.gif) 97% 50% no-repeat;*/
padding: 8px;
display: block;
}
.rlink {
}
.action {
margin: 0 3px 0 0;
}
.actions {
display: inline;
float: right;
margin: 0 0 0 0;
}
.show {
padding: 0 0 0 20px;
background: url(images/show.gif) 0 50% no-repeat;
}
.hide {
padding: 0 0 0 20px;
background: url(images/hide.gif) 0 50% no-repeat;
}
#latest li#latestreleases a {
padding: 18px 15px 8px 10px;
background: url(images/page.gif) 50% 0 no-repeat;
float: left;
display: block;
}
#latest li#latestemails a {
padding: 18px 20px 8px 20px;
background: url(images/envelope.gif) 50% 0 no-repeat;
float: left;
display: block;
font-weight: bold;
color: #ac0101;
}
#crumbs li a {
float: left;
display: block;
text-decoration: none;
color: #333;
}
#crumbs li a:hover, #crumbs li.on a, #crumbs li.on {
color: #ac0101;
}
#crumbs li.grey_out a {
color: #ccc;
}
.dig ul li a, .smalldig ul li a {
float: left;
display: block;
color: #999;
}
#browse ul li a {
text-decoration: none;
}
/* Menu */
#nav {
float: left;
margin: 20px 0 0 0;
width: 850px;
}
#nav ul {
float: left;
height: 33px;
background: url(images/nav-bg.gif) 0 0 repeat-x;
}
#nav li {
float: left;
display: inline;
background: url(images/nav-divide.gif) 100% 50% no-repeat;
padding: 1px 0;
}
#nav li#navmedia {
background: url(images/nav-left.gif) 0 0 no-repeat;
}
#nav li#navmedia a {
background: url(images/nav-divide.gif) 100% 50% no-repeat;
}
#nav li#navmedia a:hover, #nav li#navmedia.current a {
background: url(images/nav-left-hover.gif) 0 50% no-repeat;
}
#nav li#navlogout {
background: url(images/nav-right.gif) 100% 0 no-repeat;
}
#nav.single ul {
background: none;
}
#nav.single li#navexpress { 
background: url(images/nav-single.gif) 0 0 no-repeat;
width: 122px;
height: 33px;
text-align: center;
padding: 0;
} 
#nav.single a {
width: 92px;
height: 20px;
padding: 8px 15px 5px 15px;
}
#nav.single a:hover, #nav.single li.current a {
background: url(images/nav-single-hover.gif) 0 0 no-repeat;
}
#nav li#navlogout a:hover, #nav li#navlogout.current a {
background: url(images/nav-right-hover.gif) 100% 50% no-repeat;
}
#nav a {
padding: 7px 15px 6px 15px;
color: #666;
text-decoration: none;
float: left;
display: block;
text-transform: uppercase;
font-weight: bold;
}
#nav a:hover, #nav li.current a {
color: #fff;
background: #ac0101;
}
#nav .readonly {
padding: 7px 15px 6px 15px;
font-weight: bold;
color: #ccc;
text-transform: uppercase;
}
#browse .readonly {
color: #ccc;
}
/* Forms */
label {
display: inline;
float: left;
margin: 0 5px 0 0;
}
form#settingsform label {
width: 280px;
}
form#editstoryform label {
width: 200px;
}
#newgroup form {
display: inline;
float: left;
margin: 8px 0;
}
form#settingsform {
margin: 0 20px;
width: 360px;
}
form#editstoryform {
width: 90%;
}
input, select, textarea {
font-size: 11px;
}
form#settingsform textarea {
height: 100px;
}
.button {
margin: 4px 0 0 3px;
}
.buttonright {
margin: 4px 0 0 300px;
}
.resultright {
margin: 4px 0 0 230px;
}
.forgotten {
margin: 4px 0 0 180px;
}
.downloadmanual {
margin: 4px 0 0 30px;
}
.prev-button{
margin: 4px 0 0 20px;
}
#accounts .next-button{
margin: 4px 0 0 340px;
}
.packs-span{
margin: 4px 0 0 100px;
}
.omitted, .optout, .optout a {
	color: #ccc;
}
.error {
color: #ac0101;
}
.warning {
color: #ac0101;
}
#accounts{
width: 80%;
}
#payments{
width: 130%;
}
#organisation{
width: 75%;
}
/* generic form element classes */
.input_xxsmall, .textarea_xxsmall{
	width: 30px;
}

.input_small_amount, .textarea_small_amount{
	width: 40px;
}
.input_xsmall, .textarea_xsmall{
	width: 50px;
}
.input_date{
	width: 72px;
}
.input_small, .textarea_small{
	width: 85px;
}
.input_small_m, .textarea_small{
	width: 120px;
}
.input_medium_s, .textarea_medium_s{
	width: 150px;
}
.input_medium, .textarea_medium{
	width: 200px;
}
.input_xmedium, .textarea_xmedium{
	width: 250px;
}
.input_large, .textarea_large{
	width: 300px;
}
.input_xlarge, .textarea_xlarge{
	width: 400px;
}
.input_xxlarge, .textarea_xxlarge{
	width: 480px;
}
.input_xxxlarge, .textarea_xxxlarge{
	width: 600px;
}
#progress{
	position: absolute;
	left: 300px; 
	top: 190px; 
	width: 130px; 
	height: 140px; 
	opacity: 0.7;
}
.hidden {
	display: none;
}

.shown {
	display: block;
}
#browse .col li a:hover {
text-decoration: underline;
}
#group_name_entry {
	position: absolute;
	left: 450px; 
	top: 195px; 
	width: 235px; 
	height: 93px; 
	border: 1px solid #ccc;
}
#group_contents {
	text-align: left;
	width: 250px; 
	border: 1px solid #ccc;
}
#group_contents ul {
	margin:0 0 0 0;
	height:389px;
	max-height:389px;
	width: 250px; 
	overflow-x: hidden;
	overflow-y: scroll;
}
#group_contents h3 {
	padding: 4px 5px;
	margin: 0;
	background: #ddd;
	color: #ac0101;
}
#group_contents ul li {
	line-height: 16px;
	padding: 2px;
}
#addall-button {
	float: right;
	padding: 80px 20px 0 0;
	width: 80px; 
	height:20px;
}
	
#loading {
	position: absolute;
	left: 30%; 
	top: 200px; 
	opacity: 0.5;
}
	
#loading2 {
	position: absolute;
	left: 30%; 
	top: 800px; 
	opacity: 0.5;
}
	
#warn_html_has_image{
	position: absolute;
	left: 20%; 
	top: 200px; 
	width: 600px;
	background: #ddd;
	color: #ac0101;
	padding:20px;
}
#warn_html_has_image_with_option{
	position: absolute;
	left: 20%; 
	top: 200px; 
	width: 600px;
	background: #ddd;
	color: #ac0101;
	padding:20px;
}
#savegroup_results {
	float: right;
	margin: 5px 0 0 0;
}
#pricing{
float: right;
margin: -100px 20px 12px 1px;
padding: 5px 11px 5px 10px;
border: 1px solid #ccc;
}

#translation_title_line {
margin: 8px 4px;
}

#translation_title {
font-size: 14px;
color: #ac0101;
font-weight: normal;
}

#translation_container {
width: 100%;
float: left;
padding: 0 0 10px 0;
}

#translation_table {
width: 100%;
margin-left: 20px;
}

.despatchdetails {
width: 40%;
}

.choosen {
font-weight: bold;
color: #000000;
}
#timecontainer {
color: #ac0101;
}
input.submitbutton {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
line-height: 18px;
padding: 4px 12px;
color: #fff;
background: #ac0101;
text-shadow: #8f0000 0 -1px 0;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
border-radius: 6px;
text-transform: uppercase;
font-weight: bold;
border: 0;
text-align: center;
outline: none;
}
input.submitbutton:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#ac0101));
background: -moz-linear-gradient(top, #c9151b, #ac0101);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#ac0101');
}
input.submitbutton:active {
background: -webkit-gradient(linear, left top, left bottom, from(#ac0101), to(#c9151b));
background: -moz-linear-gradient(top, #ac0101, #c9151b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ac0101', endColorstr='#c9151b');
}