@charset "utf-8";
@import url("styles.css");
/* CSS Document */

html {height:100%}

body {
	width:100%; height:100%;
	margin:0px; padding:0px;
	font-size:0.8em;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
}

#wrapper {
	position:absolute;
	left:50%; top:0;
	margin-left:-480px;
	width:960px;	
}

#header {
	position:relative;
	width:960px;height:220px;
	margin-top:10px;
	background:#5166A5 url(/images/layout/header.gif) no-repeat 0 0;
}

/* MAIN MENU */

#header .menu {
	position:absolute;
	margin:175px 0 0 28px;
	width:420px;height:30px;
	list-style:none;
}

#header .menu li {
	float:left;
	height:30px;
	font-size:1.5em;
}

#header .menu .spaced {
	padding-left:21px;
	background:url(/images/layout/menu_bar.gif) no-repeat 11px 3px;
}

#header .menu li a {text-decoration:none;}
#header .menu li a:link, #header .menu li a:visited {color:#FFF;}
#header .menu li a:hover, #header .menu li a:visited:hover {color:#A2B6D1;}


/* SEARCH BOX */

#header .search {
	position:absolute;
	margin:175px 0 0 515px;
	width:415px;height:30px;
}

#header .search .label {
	font-size:1.1em;
	color:#FFF;
	font-weight:bold;
}

#header .search #search_term {
	width:198px;
	padding:1px;
}

#header .search #b_submit {
	font-size:0.9em;
	padding:0 2px 0 2px;
}

/* THE ISSUE AND DATE BOXES */

#issue {
	position:absolute;
	left:895px;
	top:49px;
	width:15px;
	height:85px;
}

.issue_1 {background-position:0px 0px;background-image:url(/images/layout/issues.gif);}
.issue_2 {background-position:-15px 0px;background-image:url(/images/layout/issues.gif);}
.issue_3 {background-position:-30px 0px;background-image:url(/images/layout/issues.gif);}
.issue_4 {background-position:-45px 0px;background-image:url(/images/layout/issues.gif);}
.issue_5 {background-position:-60px 0px;background-image:url(/images/layout/issues.gif);}
.issue_6 {background-position:-75px 0px;background-image:url(/images/layout/issues.gif);}
.issue_7 {background-position:-90px 0px;background-image:url(/images/layout/issues.gif);}
.issue_8 {background-position:-105px 0px;background-image:url(/images/layout/issues.gif);}
.issue_9 {background-position:-120px 0px;background-image:url(/images/layout/issues.gif);}
.issue_10 {background-position:-135px 0px;background-image:url(/images/layout/issues.gif);}
.issue_11 {background-position:-150px 0px;background-image:url(/images/layout/issues.gif);}
.issue_12 {background-position:-165px 0px;background-image:url(/images/layout/issues.gif);}

.issue_13 {background-position:0px 0px;background-image:url(/images/layout/issues_pt2.gif);}
.issue_14 {background-position:-15px 0px;background-image:url(/images/layout/issues_pt2.gif);}
.issue_15 {background-position:-30px 0px;background-image:url(/images/layout/issues_pt2.gif);}
.issue_16 {background-position:-45px 0px;background-image:url(/images/layout/issues_pt2.gif);}
.issue_17 {background-position:-60px 0px;background-image:url(/images/layout/issues_pt2.gif);}
.issue_18 {background-position:-75px 0px;background-image:url(/images/layout/issues_pt2.gif);}
.issue_19 {background-position:-90px 0px;background-image:url(/images/layout/issues_pt2.gif);}
.issue_20 {background-position:-105px 0px;background-image:url(/images/layout/issues_pt2.gif);}
.issue_21 {background-position:-120px 0px;background-image:url(/images/layout/issues_pt2.gif);}
.issue_22 {background-position:-135px 0px;background-image:url(/images/layout/issues_pt2.gif);}
.issue_23 {background-position:-150px 0px;background-image:url(/images/layout/issues_pt2.gif);}
.issue_24 {background-position:-165px 0px;background-image:url(/images/layout/issues_pt2.gif);}

#date {
	position:absolute;
	left:915px;
	top:0px;
	width:15px;
	height:134px;
}

.year2009 {background-image:url(/images/layout/months2009.gif);}
.year2010 {background-image:url(/images/layout/months2010.gif);}
.year2011 {background-image:url(/images/layout/months2011.gif);}

.month_january {background-position:0px 0px;}
.month_february {background-position:-15px 0px;}
.month_march {background-position:-30px 0px;}
.month_april {background-position:-45px 0px;}
.month_may {background-position:-60px 0px;}
.month_june {background-position:-75px 0px;}
.month_july {background-position:-90px 0px;}
.month_august {background-position:-105px 0px;}
.month_september {background-position:-120px 0px;}
.month_october {background-position:-135px 0px;}
.month_november {background-position:-150px 0px;}
.month_december {background-position:-165px 0px;}

/* THE START OF THE CONTENT AREA */

#content_area {
	float:left;
	clear:both;
	width:960px;
	margin-top:20px;
	padding-bottom:10px;
}

/* LEFT HAND MENU */

#menu_col {
	float:left;
	width:200px;
}

.editor_bg {
	margin-top:15px;
	width:200px;
	background:#5166A5 url(/images/layout/editor_bg_sprite.gif) no-repeat left -15px;
}

.editor_content {
	width:155px;
	padding:18px 0 0 45px;
	color:#FFF;
}
.editor_content a {text-decoration:none;}
.editor_content a:link, .editor_content a:visited {color:#FFF;}
.editor_content a:hover, .editor_content a:visited:hover {color:#c3cadd;}

.editor_bg_footer {
	width:200px;
	height:15px;
	background:#5166A5 url(/images/layout/editor_bg_sprite.gif) no-repeat left top;
}

.editor_bg_arabic {
	margin-top:15px;
	width:200px;
	background:#5166A5 url(/images/layout/editor_bg_sprite_arabic.gif) no-repeat left -15px;
}

.editor_content_arabic {
	width:155px;
	padding:18px 45px 0 0;
	color:#FFF;
	direction:rtl;
}
.editor_content_arabic a {text-decoration:none;}
.editor_content_arabic a:link, .editor_content a:visited {color:#FFF;}
.editor_content_arabic a:hover, .editor_content a:visited:hover {color:#c3cadd;}

.editor_bg_footer_arabic {
	width:200px;
	height:15px;
	background:#5166A5 url(/images/layout/editor_bg_sprite_arabic.gif) no-repeat left top;
}

#article_menu, #article_menu_arabic {
	list-style:none;
}

#article_menu li, #article_menu_arabic li {
	width:200px;
	margin-top:20px;
	float:left;
	clear:both;
	font-weight:bold;
}

#article_menu li a, #article_menu_arabic li a {
	display:block;
	width:200px;
	cursor:pointer;
	text-decoration:none;
	min-height:50px;
}

#article_menu li a img, #article_menu li img {
	float:left;
	margin-right:5px;
}

#article_menu_arabic li a img, #article_menu_arabic li img {
	float:left;
	margin-left:5px;
}

#article_menu li a:link, #article_menu li a:visited, #article_menu_arabic li a:link, #article_menu_arabic li a:visited {color:#5166A5;}

.article_menu_text {
	float:left;
	width:145px;
}

/* RIGHT HAND MAIN CONTENT */

#content_col {
	float:left;
	width:720px;
	margin-left:40px;

}

#lang_share {
	float:left;
	clear:both;
	width:720px;
}

#language_choice {
	float:left;
	width:520px;
	list-style:none;
}

#language_choice li {
	float:left;
	margin-right:10px;
	color:#5166A5;
}

#language_choice li a {text-decoration:none;}
#language_choice li a:link, #language_choice li a:visited {color:#9197a7;}
#language_choice li a:hover, #language_choice li a:visited:hover {color:#5166A5;}

#sharelink {
	float:left;
	text-align:right;
	width:200px;
	color:#5166A5;
}

/* Extensions of the styles that are used in the shared.css */

.body_group {
	float:left;
	clear:both;
	width:720px;
}

.content_bar {
	float:left;
	clear:both;
	position:relative;
	width:720px;
	margin-top:10px;
}

/* Comments Section */

#comments_list {
	float:left;
	clear:both;
	width:720px;
	margin-top:20px;
	padding-top:20px;
	border-top:1px #a9b2ce solid;
	color:#5166A5;
}

.comment_box {
	width:720px;
}

#comments_form {
	float:left;
	clear:both;
	width:720px;
	margin-top:20px;
	padding-top:20px;
	border-top:1px #a9b2ce solid;
}

/* Footer */

#footer {
	float:left;
	clear:both;
	width:720px;
	margin-left:240px;
	margin-bottom:20px;
	padding-top:10px;
	border-top:1px #a9b2ce solid;
	color:#5166A5;
}

#footer p a {font-size:20px;}
#footer p a:link, #footer p a:visited {color:#5166A5;}
#footer p a:hover, #footer p a:visited:hover {color:#333366;}

/* Form Items */

.form_row {
	float:left; clear:both;
	width:720px;
	margin-top:10px;
}

.form_row label {
	color:#5166A5;
	width:140px;
	float:left;
	font-weight:bold;
}

.form_row .widelabel {
	color:#5166A5;
	width:320px;
	float:left;
	clear:both;
	font-weight:bold;
}

.formTextField {
	margin-top:2px;
	width:350px;
	float:left;
	padding:2px;
	border-color:#b2bddf;
	background-color:#ebebeb;
	font-size:12px;
}

.formTextFieldUnder {
	margin-top:2px;
	width:350px;
	float:left;
	clear:both;
	padding:2px;
	border-color:#b2bddf;
	background-color:#ebebeb;
	font-size:12px;
}

.formTextFieldShort {
	margin-top:2px;
	width:100px;
	float:left;
	padding:2px;
	border-color:#b2bddf;
	background-color:#ebebeb;
	font-size:12px;
}

.dd option {padding-right:10px;}

.commentArea {
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.formButton {
	float:left; clear:both;
}

.checkbox_row input {
	margin-right:10px;
}

.checkbox_row label {
	margin-bottom:5px;
}

.form_next_to_label {
	width:580px;
	float:left;
	list-style:none;
}

.error {
	float:left;
	clear:both;
	margin-top:10px;
	padding:5px;
	border:1px #D20000 solid;
	color:#D20000;
	width:350px;
}

/* Archive Related */

#mag_archive {
	list-style:none;
}

#mag_archive li {
	margin-top:5px;
	font-size:1.2em;
	color:#5166A5;
	float:left;
	clear:both;
}

#mag_archive li a {
	text-decoration:none;
}

#mag_archive li a:link, #mag_archive li a:visited {color:#5166A5;}
#mag_archive li a:hover, #mag_archive li a:visited:hover {color:#25408F;}

/* Search Related */

.search_results_container {
	float:left;
	clear:both;
	width:720px;
}

.search_item {
	float:left;
	clear:both;
	margin:10px 0 0 0;
	background:#F0F0F0;
	padding:10px 10px 10px 10px;
	width:700px;
}

.search_title {
	margin:0 0 5px 0;
	width:700px;
}

.search_image {
	float:left;
	width:60px;
	margin:0 10px 0 0;
}

.search_text {
	float:left;
	width:630px;
}

/* Content Layout */

.body_group {
	list-style:none;
}

.body_group p {
	margin-top:10px;
}

.body_group p:first-child {margin-top:0px;}

.no_outline {
	min-height:12px;
	border:none;
}

.content_col3-1 {
	float:left;
	width:231px;
}

.content_col3-2 {
	float:left;
	margin-left:12px;
	width:231px;
}

.content_col3-3 {
	float:left;
	margin-left:13px;
	width:231px;
}

.content_col3-1-2 {
	float:left;
	width:475px;
}

.content_col3-2-3 {
	float:left;
	width:473px;
	margin-left:10px;
}

.content_row_heading {
	float:left;
	clear:both;
	padding:0 20px 0 20px;
	width:680px;
}

.content_col1-1 {
	float:left;
	clear:both;
	width:720px;
}

.bg_box {
	width:227px;
	padding:2px;
	min-height:50px;
	color:#FFF;
	background:#5166A5 url(/images/layout/bg_column_box.gif) no-repeat left bottom;
}

.bg_box a {text-decoration:none;}
.bg_box a:link, .bg_box a:visited {color:#FFF;}
.bg_box a:hover, .bg_box a:visited:hover {color:#a8b3d2;}

/* Specific to content, but can be changed in colour via the other stylesheet */

.coloured_header {
	float:left;
	clear:both;
	width:720px;
	height:174px;
}

.coloured_2col_top {
	width:473px;
	height:10px;
	float:left;
	clear:both;
}
.coloured_2col_middle {
	width:453px;
	height:auto;
	float:left;
	clear:both;
	padding:0 10px 0 10px;
}
.coloured_2col_bottom {
	width:473px;
	height:10px;
	float:left;
	clear:both;
}

.coloured_1col_top {
	width:231px;
	height:10px;
	float:left;
	clear:both;
}
.coloured_1col_middle {
	width:211px;
	height:auto;
	float:left;
	clear:both;
	padding:0 10px 0 10px;
}
.coloured_1col_bottom {
	width:231px;
	height:10px;
	float:left;
	clear:both;
}

.coloured_3col_top {
	width:720px;
	height:10px;
	float:left;
	clear:both;
}
.coloured_3col_middle {
	width:700px;
	height:auto;
	float:left;
	clear:both;
	font-size:2em;
	padding:10px 10px 10px 10px;
}
.coloured_3col_bottom {
	width:720px;
	height:10px;
	float:left;
	clear:both;
}