.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #CCC;
	border-top: 3px solid #999;
	color: #000;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required,input.validate-url,input.validate-alphanum,input.validate-number,input.validate-digits,select.validate-one-required,input.can-be-empty,select.can-be-empty,textarea.valid-alphanum {
	border: 1px solid #cccccc;
	color: #999999;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:250px;
	font-weight:100;
}

input.required-picker {
	border: 1px solid #cccccc;
	color: #999999;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

select.required {
	border: 1px solid #cccccc;
	color: #999999;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:250px;
	font-weight:100;
}
file.required {
	border: 1px solid #cccccc;
	color: #999999;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:280px;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #E20001;
	color : #E20001;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

input.validation-passed, textarea.validation-passed {
	border: 1px solid #cccccc;
	color : #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.validation-advice {
	margin: 5px 0;
	background-color: #E20001;
	color : #FFF;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

.custom-advice {
	margin: 5px 0;
	padding: 2px;
	background-color: #C8AA00;
	color : #FFF;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

fieldset {
	padding: 0em;
	margin-bottom: 0.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

label {
	font-weight: bold;
}
.form-row {

	
}

.field-label {

}

.field-widget {

}

textarea{
	border: 1px solid #cccccc;
	color: #999999;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:250px;
	font-weight:100;
}/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */


input.w8em
	{
	border: 1px solid #cccccc;
	color: #999999;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}



/* The wrapper div */
div.datePicker
        {
        position:absolute;
        min-width:24em;
        width:24em;
        z-index:9999;
        text-align:center;

        /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
        font:900 0.8em/0.8em Verdana, Sans-Serif;
        
        /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
        /* font:900 77%/77% Verdana; */

        background:transparent;

        /* Mozilla & Webkit extensions to stop text-selection. Remove if you wish to validate the CSS */
        -moz-user-select:none;
        -khtml-user-select:none;
        }
/* Styles for the static datePickers */
div.staticDP
        {
        position:relative;
        top:5px;
        left:0;
        }
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack
        {
        position:absolute;
        background:#fff;
        z-index:9998;
        padding:0;
        border:0;
        display:none;
        margin:0;
        }
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited,
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus
        {
        /*position:relative;*/
        /* Moz & FF */
        position:relative;
        top:-17px;
        left:4px;
        float:right;
        display: -moz-inline-stack;
        border:0 none;
        padding:0;
        margin:0 0 -17px 4px;
        background:transparent url(/img/datepicker/cal.gif) no-repeat 50% 50%;
        min-width:16px;
        line-height:1;
        cursor:pointer;
        visibility:visible;
        text-decoration:none;
        vertical-align:middle;
        }
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
        {
        width:16px;
        }
a.date-picker-control
        {
        /* IE, Safari & Opera. Seperate CSS rule seems to be required. */
        display:inline-block;
        }
a.date-picker-control span
        {
        display:block;
        width:16px;
        height:16px;
        margin:auto 0;
        }
/* The next & previous buttons */
div.datePicker th span
        {
        display:inline;
        padding:0;
        margin:0;
        color:#000;
        text-align:center;
        line-height:1em;
        border-width:0;
        font-family: georgia, times new roman, palatino, times, bookman, serif;
        background:transparent;
        font-weight:bold;
        cursor:pointer;
        }
div.datePicker th span.month-display,
div.datePicker th span.year-display
        {
        text-transform:uppercase;
        letter-spacing:1px;
        font:normal 1.2em Verdana, Sans-Serif;
        cursor:default;
        }
div.datePicker th span.prev-but,
div.datePicker th span.next-but
        {
        font-size:1.8em;
        cursor:pointer !important;
        }

div.datePicker th span.today-but
        {
        text-align:center;
        margin:0 auto;
        font:normal 1em Verdana, Sans-Serif;
        width:100%;
        text-decoration:none;
        line-height:1.6em;
        text-transform:uppercase;
        cursor:pointer !important
        }
div.datePicker thead th span.fd-disabled
        {
        color:#aaa;
        cursor:default !important;
        }
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header
        {
        text-align:center;
        margin:0 auto;
        font:900 1em Verdana, Sans-Serif;
        height:1.4em;
        width:2em;
        text-decoration:none;
        text-transform:lowercase;
        line-height:1.4em;
        }
/* The table */
div.datePicker table
        {
        position:relative;
        margin:0;
        padding:0;
        border:1px solid #ccc;
        background:#fff url(/img/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
        text-align:center;
        width:80%;
        border-spacing:2px;
        table-layout:fixed;
        border-collapse:separate;
        }
/* Common TD & TH styling */
div.datePicker table td
        {
        border:1px solid #ccc;
        padding:0;
        text-align:center;
        vertical-align:middle;
        /* Opera requires a line-height bigger than 1em in order to redraw properly */
        line-height:1.2em;
        cursor:pointer;
        background:#fff url(/img/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
        width:3em;
        height:2em !important;
        height:1.8em;
        outline:none;
        }
div.datePicker table th
        {
        border:0 none;
        padding:0;
        line-height:1em;
        font-weight:bold;
        color:#222;
        text-align:center;
        vertical-align:middle;
        }
div.datePicker table td.date-picker-unused
        {
        background:#fff url(/img/datepicker/backstripes.gif);
        border-color:#dcdcdc;
        padding:0;
        cursor:default !important;
        }
div.datePicker table thead th.date-picker-title
        {
        width:auto;
        height:auto;
        padding:0.4em 0;
        }
/* The "mon tue wed etc" day header button styles */
div.datePicker table th.date-picker-day-header
        {
        text-transform:lowercase;
        width:3em;
        }
div.datePicker table th.date-picker-day-header span
        {
        display:block;
        }
/* The "todays date" style */
div.datePicker table td.date-picker-today
        {
        background:#fff url(/img/datepicker/bullet2.gif) no-repeat 0 0;
        color:rgb(100,100,100) !important;
        }
/* The "selected date" style */
div.datePicker table td.date-picker-selected-date
        {
        color:#333 !important;
        border-color:#333 !important;
        }
/* the "highlight days" style */
td.date-picker-highlight
        {
        color:#a86666;
        }
/* The date "out of range" style */
div.datePicker table td.out-of-range
        {
        color:#ccc !important;
        font-style:oblique;
        background:#fcfcfc !important;
        cursor:default !important;
        }
/* The "disabled days" style */
div.datePicker table td.day-disabled
        {
        color:#aaa !important;
        background:transparent !important;
        cursor:default !important;
        }
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover
        {
        background:#fff url(/img/datepicker/bg_header.jpg) no-repeat 0 0;
        cursor:pointer;
        border-color:rgb(100,130,170);
        color:rgb(100,130,170);
        }
/*
   Quirksmode necessity?
   ---------------------

   If your HTML document renders in quirksmode (i.e. has no doctype declaration)
   then uncomment the following CSS rule to set a less drastic font-size in IE

div.datePicker table th,
div.datePicker table td
        {
        font-size:100%;
        }
*/

/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
* html div.datePicker table td
        {
        background-image:none;
        }
* html div.datePicker table td.date-picker-unused
        {
        background:#f2f2f2;
        }
body{
margin:0px;
color:#1e1c1a;
background-color:#ffffff;;
}
.language{
font-family:Tahoma;
font-size:11px;
color:#ffffff;
text-decoration:none;
}
.language a{
font-family:Tahoma;
font-size:11px;
color:#ffffff;
text-decoration:none;
}
.language a:hover{
font-family:Tahoma;
font-size:11px;
color:#927c4c;
text-decoration:none;
}
.font-magnifier{
font-family:Tahoma;
font-size:12px;
color:#ffffff;
text-decoration:none;
}
.font-magnifier a{
font-family:Tahoma;
font-size:12px;
color:#ffffff;
text-decoration:none;
}
.font-magnifier a:hover{
font-family:Tahoma;
font-size:12px;
color:#927c4c;
text-decoration:none;
}
.input_search{
border: 0px;
background-color:#ffffff;
height:22px;
width:250px;
margin-top: 6px;
padding-top: 4px;
padding-right: 4px;
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color:#6e6e6e;
direction:rtl;
text-align:right;
font-weight:bold;
}
.input_fields{
border: 1px solid #c7c2b7;
background-color:#ffffff;
height:17px;
width:216px;
padding-top: 2px;
padding-right: 4px;
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color:#6e6e6e;
direction:rtl;
text-align:right;
font-weight:normal;
}
.calendar{
color:#1e1c1a;
font-family:tahoma;
font-size:12px;
}
.calendar_on{
color:#1e1c1a;
font-family:tahoma;
font-size:11px;
text-decoration:none;
width:14px;
text-decoration:none;
}
.calendar_on a{
color:#1e1c1a;
font-family:tahoma;
font-size:11px;
text-decoration:none;
width:12px;
text-decoration:none;
}
.FloatClass{
float:right;
text-align:right;
direction:rtl;
}
.FloatClassMarquee{
text-align:right;
direction:rtl;
}
.FloatRevClass{
float:left;
text-align:right;
direction:rtl;
}
.rev_align{
text-align:left;
}
.splash_text{
font-family:Tahoma;
font-size:12px;
color:#ffffff;
text-decoration:none;
text-align:right;
line-height: 1.5em;
}
.home_title{
color:#5a5758;
font-family:Tahoma;
font-size:14px;
text-decoration:none;
font-weight:bold;
font-smooth: 1em;
}
.home_title a{
color:#5a5758;
font-family:Tahoma;
font-size:14px;
text-decoration:none;
font-weight:bold;
font-smooth: 1em;
}
.normal_title{
color:#b7a91f;
font-family:Tahoma;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
.normal_title a{
color:#b7a91f;
font-family:Tahoma;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
.normal_text{
color:#1e1c1a;
font-family:Tahoma;
font-size:12px;
text-decoration:none;
font-weight:normal;
line-height: 1.5em;
}
.normal_text a{
color:#8b2346;
font-family:Tahoma;
font-size:12px;
text-decoration:none;
font-weight:normal;
line-height: 1.5em;
}
.normal_text_blue{
color:#932242;
font-family:Tahoma;
font-size:12px;
text-decoration:none;
font-weight:normal;
line-height: 1.5em;
}
.normal_text_blue a{
color:#932242;
font-family:Tahoma;
font-size:12px;
text-decoration:none;
font-weight:normal;
line-height: 1.5em;
}
.more{
color:#a72242;
font-family:Tahoma;
font-size:12px;
text-decoration:none;
font-weight:normal;
text-align:left;
}
.more a{
color:#a72242;
font-family:Tahoma;
font-size:12px;
text-decoration:none;
font-weight:normal;
text-align:left;
}
div.box {
width:auto;
display:block;
clear:right;
}
div.employee {
width:90px;
float:right;
}
.date{
background-image:url(/img/ar/date_bg.gif);
background-repeat:no-repeat;
color:#5b5756;
font-family:arial;
font-size:9px;
font-weight:normal;
}
.section_title{
height:48px;
width:608px;
float:left;
background-color:#8b2346;
text-align:right;
padding-top:23px;
padding-right:9px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
font-family:tahoma;
font-size:16px;
}
.banner_title{
color:#ffffff;
font-weight:bold;
text-decoration:none;
font-family:tahoma;
font-size:13px;
}
.banner_title a{
color:#ffffff;
font-weight:bold;
text-decoration:none;
font-family:tahoma;
font-size:13px;
}
.section_title_gray{
height:24px;
width:607px;
float:left;
background-color:#e0e0e0;
text-align:right;
padding-top:10px;
padding-right:15px;
color:#1e1c1a;
font-weight:normal;
text-decoration:none;
font-family:tahoma;
font-size:12px;
}
.contact{
color:#1e1c1a;
font-weight:bold;
text-decoration:none;
font-family:tahoma;
font-size:12px;
}
.notifications{
color:#932242;
font-weight:normal;
text-decoration:none;
font-family:tahoma;
font-size:11px;
}
.submit_btn{
padding:2px 6px 3px 6px;
border:0px;
color:#ffffff;
font-size:12px;
font-family:tahoma;
background-color:#932242;
}
.ddl_menu{
font-family:Tahoma;
font-size:10px;
color:#ffffff;
text-decoration:none;
}
.ddl_menu a{
font-family:Tahoma;
font-size:10px;
color:#ffffff;
text-decoration:none;
}
.titles{
color:#8b2346;
font-family:Tahoma;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
.titles a{
color:#8b2346;
font-family:Tahoma;
font-size:12px;
text-decoration:none;
font-weight:bold;
}

.titles_date{
color:#1e1c1a;
font-family:Tahoma;
font-size:11px;
text-decoration:none;
font-weight:normal;
}
.titles_date a{
color:#1e1c1a;
font-family:Tahoma;
font-size:11px;
text-decoration:none;
font-weight:normal;
}

.careers_title{
color:#932242;
font-family:Tahoma;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
.careers_title a{
color:#932242;
font-family:Tahoma;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
.careers_fields_title{
color:#1e1c1a;
font-family:Tahoma;
font-size:11px;
text-decoration:none;
font-weight:normal;
}
.careers_fields_title a{
color:#1e1c1a;
font-family:Tahoma;
font-size:11px;
text-decoration:none;
font-weight:normal;
}
.flash_message{
position:absolute;
width:600px;
color:#932242;
font-family:tahoma;
font-size:12px;
font-weight:bold;
text-align:center;
background-color:#ffffff;
border:2px solid #932242;
top:183px;
left:400px;
z-index:10;
cursor:pointer;
}
#imageContainerRotate {
	position:relative;
	margin:0px;
	width:311px;
	height:auto;
	border:0px;
	z-index:0;
}

#so_credits img {
	float:left;
	margin:0px;
	border:0px;
	width:311px;
	height:auto;
	z-index:0;
}
#imageContainerRotate img {
	display:none;
	position:absolute;
	top:0; left:0;
	z-index:0;
}

/* css for the switching news*/

   .portfolio_home {
	width: 468px;
	height: 91px;
	float: left;
	overflow: hidden;
	text-align: left;
	position: relative;
	clear: both;
	border:1px solid #ff0000;
}

.portfolio_thumbs {
	position: relative;
	top: 0px;
	left: 0px;
}

.portfolio_thumb {
	width: 311px;
	height: 320px;
	position :absolute;
}

.portfolio_thumb_hidden {
	width: 311px;
	height: 320px;
	visibility: hidden;
	position :absolute;
}
/* css for the switching news*//* css for the sprite*/
.calendar_title{
background-image:url(/img/ar/sprite.gif);
background-position:0px -1870px;
}
.bg_logo1{
background-image:url(/img/ar/sprite.gif);
background-position:0px -2040px;
}
.bg_logo2{
background-image:url(/img/ar/sprite.gif);
background-position:0px -2125px;
}
.bg_logo3{
background-image:url(/img/ar/sprite.gif);
background-position:0px -2210px;
}
.bg_logo4{
background-image:url(/img/ar/sprite.gif);
background-position:0px -2295px;
}
.bg_logo5{
background-image:url(/img/ar/sprite.gif);
background-position:0px -2380px;
}
.bg_logo6{
background-image:url(/img/ar/sprite.gif);
background-position:0px -2465px;
}
.bg_logo7{
background-image:url(/img/ar/sprite.gif);
background-position:0px -2550px;
}
.bg_logo8{
background-image:url(/img/ar/sprite.gif);
background-position:0px -2635px;
}
.sprite_menu{
background-image:url(/img/ar/sprite.gif);
}#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:img/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }