* {
	margin: 0;
	padding: 0;
}

#main-container {
	width: 984px;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
	background: url(../images/view/container-backgrnd-tawjihi.jpg) repeat-y center;
	padding-bottom: 10px;
	min-height: 620px;
}

#wrapper {
	width: 900px;
	text-align: right;
	margin: auto;
	padding-top: 10px;
}

.greentable
{
  font: normal 12px Tahoma,Tahoma, sans-serif;
  width: 500px;
  color : #5A8E4A;
  background: #F5FAFC;
  background-position:center center;
  background-repeat:no-repeat;
  border:solid 1px #3A9BC0; 
  padding:5px;
  margin-right: 180px;
  margin-top: 10px;
}

.redtable
{
  font: 12px Tahoma,Tahoma, sans-serif;
  width: 500px;
  color : #BC2A4D;
  background: #ECD5D8;
  background-position:center center;
  background-repeat:no-repeat;
  border:solid 1px #BC2A4D; 
  padding:5px;
  margin-right: 180px;
}

/* General form styles (from phpbb3 admin cp css)
----------------------------------------*/
fieldset {
        margin: 15px 0;
		width: 500px;
        padding: 10px;
        border-top: 1px solid #D7D7D7;
        border-right: 1px solid #D7D7D7;
        border-bottom: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;
        background-color: #FFFFFF;
        position: relative;
}

* html fieldset {
        padding: 0 10px 5px 10px;
}

fieldset p {
        font-size: 1.00em;
}

legend {
        padding: 1px 0;
        font-family: Tahoma;
        font-size: 1em;
        font-weight: bold;
        color: #115098;
        margin-top: -.4em;
        position: relative;
        text-transform: none;
        line-height: 1.2em;
        top: 0;
        vertical-align: middle;
}

/* Hide from macIE \*/
legend { top: -1.2em; }
/* end */

* html legend {
        margin: 0;
        margin-right: -7px;
        line-height: 1em;
        font-size: .85em;
}

input, textarea {
        font-family: Tahoma;
        font-size: 0.90em;
        font-weight: normal;
       /* cursor: text;*/
        vertical-align: middle;
        padding: 2px;
        color: #111111;
        border-left: 1px solid #D5D5C8;
        border-top: 1px solid #AFAEAA;
        border-right: 1px solid #AFAEAA;
        border-bottom: 1px solid #D5D5C8;
        background-color: #E3DFD8;
}

input:hover, textarea:hover {
        border-left: 1px solid #AFAEAA;
        border-top: 1px solid #AFAEAA;
        border-right: 1px solid #AFAEAA;
        border-bottom: 1px solid #AFAEAA;
        background-color: #E9E9E2;
}

input.langvalue, textarea.langvalue {
        width: 90%;
}

optgroup, select {
        font-family: Tahoma;
        font-size: 0.85em;
        font-weight: normal;
        font-style: normal;
        cursor: pointer;
        vertical-align: middle;
        width: auto;
        color: #000;
}

optgroup {
        font-size: 1.00em;
        font-weight: bold;
}

optgroup.disabled-options {
        display: none;
        background-color: gray;
}

option {
        padding: 0 1em 0 0;
        color: #000;
}

option.disabled-option {
        color: graytext;
        padding: 0 0 0 1em;
}

.sep {
        font-weight: bold;
}

.username-coloured {
        font-weight: bold;
}

textarea {
        font-family: Tahoma;
        font-size: 0.85em;
        width: 60%;
        padding: 2px;
}

label {
        cursor: pointer;
        font-size: 0.85em;
        padding: 0 0 0 5px;
}

label input {
        font-size: 1.00em;
        vertical-align: middle;
}

label img {
        vertical-align: middle;
}

fieldset.quick, p.quick {
        margin: 0 0 5px;
        padding: 5px 0 0; 
        border: none;
        background-color: transparent;
        text-align: left;
}

fieldset.quick legend {
        display: none;
}

fieldset.tabulated {
        background: none;
        margin: 0;
        padding: 0;
        padding-top: 5px;
        border: 0;
}

fieldset.tabulated legend {
        display: none;
}

fieldset.nobg {
        margin: 15px 0 0 0;
        padding: 0;
        border: none;
        background-color: transparent;
}

fieldset.display-options {
        margin: 15px 0 2px 0;
        padding: 0 0 4px 0;
        border: none;
        background-color: transparent;
        text-align: center;
        font-size: 0.75em;
}

fieldset.display-options select, fieldset.display-options input, fieldset.display-options label {
        font-size: 1.00em;
        vertical-align: middle;
}

select option.disabled {
        background-color: #bbb;
        color: #fff;
}

/* Special case inputs */
select#board_timezone, 
select#full_folder_action {
        width: 95%;
}

/* Definition list layout for forms
        Other general def. list properties defined in prosilver_main.css
---------------------------------------- */
dl {
        font-family: Tahoma;
        font-size: 1.00em;
}

dt {
        float: right;
        width: auto;
}

dd { color: #666666;}
dd + dd { padding-top: 5px;}
dt span { padding: 0 0 0 5px;}

dt .explain { font-style: italic;}

dt label {
        font-size: 1em;
        text-align: right;
        font-weight: bold;
        color: #4A5A73;
}

dd label {
        font-size: 1em;
        white-space: nowrap;
        margin: 0 0 0 10px;
        color: #4A5A73;
}

html>body dd label input { vertical-align: text-bottom;}        /* Tweak for Moz to align checkboxes/radio buttons nicely */

dd input {
        font-size: 1.1em;
        max-width: 100%;
		margin-right: 5px;
}

dd select {
        font-size: 100%;
        width: auto;
        max-width: 100%;
		margin-right: 5px;
}

dd textarea {
        font-size: 0.90em;
        width: 90%;
		margin-right: 5px;
}

dd select {
        width: auto;
        font-size: 1.2em;
}

fieldset dl {
        margin-bottom: 10px;
        font-size: 0.85em;
}

fieldset dt {
        width: 35%;
        text-align: right;
        border: none;
        border-left: 1px solid #CCCCCC;
        padding-top: 3px;
}

fieldset dd {
        margin: 0 35% 0 0;
        padding: 0 5px 0 0;
        border: none;
        vertical-align: top;
        font-size: 1.00em;
}

dd.full, .rtl dd.full {
        margin: 0;
        border: 0;
        padding: 0;
        padding-top: 3px;
        text-align: center;
        width: 95%;
}

/* Hover highlights for form rows */
fieldset dl:hover dt, fieldset dl:hover dd {
        border-color: #666666;
}

fieldset dl:hover dt label {
        color: #000000;
}

fieldset dl dd label:hover {
        color: #BC2A4D;
}

input:focus, textarea:focus {
        border: 1px solid #BC2A4D;
        background-color: #E9E9E2;
        color: #BC2A4D;
}


/* Input field styles
---------------------------------------- */

input.radio, input.permissions-checkbox {
        width: auto !important;
        background-color: transparent;
        border: none;
        cursor: default;
}

input.full,
textarea.full {
        width: 99%;
}

* html input.full, * html textarea.full { width: 95%;}
input.medium { width: 50%;}
input.narrow { width: 25%;}
input.tiny { width: 10%;}
input.autowidth { width: auto !important;}
.box2 .inputbox { background-color: #E9E9E9;}

.clearfix, #tabs, .row, #content, fieldset dl, #page-body {
        height: 1%;
        overflow: hidden;
}

/* Table styles
---------------------------------------- */
caption {
        font-family: Tahoma;
        font-size: 1.40em;
        font-weight: normal;
        color: #115098;
        text-align: right;
        margin-top: 15px;
}

table.data {
		color: #000000;
        width: 100%;
        border: 1px solid #CCCFD3;
        background-color: #FFFFFF;
        padding: 1px;
}

th.data {
        padding: 3px 4px;
        color: #FFFFFF;
        background: #70AED3 url("images/gradient2b.gif") bottom left repeat-x;
        border-top: 1px solid #6DACD2;
        border-bottom: 1px solid #327AA5;
        text-align: right;
        font-size: 1em;
        text-transform: uppercase;
}

td.data {
        text-align: right;
        font-size: 1em;
        padding: 4px;
        line-height: 1.20em;
}

.col1 { background-color: #DCEBFE; }
.col2 { background-color: #F9F9F9; }

ul#topnav {
	margin: 0; padding: 0;
	float: right;
	width: 900px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 1.2em;
	background: url(topnav_stretch.gif) repeat-x;
}
ul#topnav li {
	float: right;
	margin: 0; padding: 0;
	border-right: 1px solid #555; /*--Divider for each parent level links--*/
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li:hover { background: #1376c9 url(topnav_active.gif) repeat-x; }
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span {
	float: right;
	padding: 15px 0;
	position: absolute;
	right: 0; top:33px;
	display: none; /*--Hide by default--*/
	width: 900px;
	background: #1376c9;
	color: #fff;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}