﻿/* ContactUS Departments */
#contactWrapper {  background:#fdfdfd; padding:30px; }
#contactWrapper h1 { font-size: 11px; margin: -33px 0px 30px; padding: 5px 0px 0px 15px; font-size: 12px; text-transform: uppercase; background: url("../../Pages/SCTA_03/img/title-background.png") no-repeat; width: 138px; height: 22px; color: #fff; font-weight: bold;}
#contactWrapper label { float:none; font-size:12px; width:auto; font-weight: bold; margin-bottom: 7px; color: #333333;}
#contactWrapper label.error {  display:inline; font-size:14px; padding:5px;font-weight: bold; color: red;  }
#contactWrapper label.checked { display:none; background: none; border: 0px; margin-top: 0px; padding: 0px; text-indent: -5000px;}
#contactWrapper em { color: #ff0000;}
#contactWrapper .stage { margin-bottom: 20px;}
#contactWrapper .requiredNote { margin: 20px 0px 20px; color: #333; font-weight: bold;}
#contactWrapper .success { padding: 10px; background: #f0ffc1; border: 1px solid #819934; margin-bottom: 15px; color: #819934;}
#contactWrapper .success p { margin: 0px;}

#contactWrapper input,#contactWrapper textarea {display:inherit;border: 1px solid #eee; padding:2px 10px; font-size:14px; color:#333;  width: 300px; background-color: #fff; color: #777777;}
#contactWrapper textarea {font:12px Arial, Helvetica, sans-serif; padding: 12px;}
#contactWrapper input:focus, form#contactform textarea:focus { outline: none; border: 1px solid #649d9d;}

.submitButton {margin:2px auto;text-align: center;cursor:pointer;width: 150px !important;height: 40px !important;color:#fff !important;font-size:16px !important;background-color:#888 !important;border: 0px!important;padding: 0px!important;}
.submitButton {background-position: 0 0;margin-right:20px;}
.submitButton:hover {background-position: 0 -47px;}
.submitButton:active {background-position: 0 -47px;}

/* End ContactUS Departments */


/* Madaen Saleh - Diriya Layout */
.deraiytop {
height : 350px;
background : url(/_layouts/sctainternet/images/deraiya.png) no-repeat center top;
margin-top:10px;
}
.madaensalehtop {
height : 350px;
background : url(/_layouts/sctainternet/images/madaen-saleh-top.jpg) no-repeat center top;
margin-top:10px;
}
.madaenmainbox {
background : #fafaf9 url(/_layouts/sctainternet/images/madaen-saleh-bottom-bg.jpg) no-repeat center top;
width : 700px;
min-height : 400px;
position : relative;
}
.madaenvideosbox {
background : #f7f7f6;
width : 338px;
border : 1px solid #e6e6e6;
float : left;
margin : 20px 0px;
}
.madaenimagesbox {
background : #f7f7f6;
width : 338px;
border : 1px solid #e6e6e6;
float : right;
margin : 20px 0px;
}
.madaencontent {
padding : 30px 0 25px;
}
.madenimportantlinks {
width : 220px;
margin-right : 10px;
float : right;
}
.importtop {
background : url(/_layouts/sctainternet/images/madaen-saleh-impor-links-bg.jpg) repeat-x;
height : 32px;
position : relative;
}
.importanttopleft {
left : 0;
top : 0;
position : absolute;
width : 5px;
height : 32px;
background : url(/_layouts/sctainternet/images/madaen-saleh-impor-links-left.jpg) no-repeat;
}
.importanttopright {
right : 0;
top : 0;
position : absolute;
width : 5px;
height : 32px;
background : url(/_layouts/sctainternet/images/madaen-saleh-impor-links-right.jpg) no-repeat;
}
.importantcontent {
background : #f8f8f7 url(/_layouts/sctainternet/images/madaen-saleh-impor-links-conent-bg.jpg) repeat-x;
padding : 10px 7px;
font-family : Verdana, Geneva, sans-serif;
font-size : 14px;
color : #7b7b7b;
font-weight : bold;
min-height : 148px;
}
.importantcontent a:link, .importantcontent a:visited, .importantcontent a:active {
color : #7b7b7b;
background : url(/_layouts/sctainternet/images/madaen-saleh_important-arrowl.png) no-repeat right center;
padding-right : 13px;
text-decoration : none;
line-height : 25px;
display : block;
}
.importantcontent a:hover {
color : #4a4a4a;
background : url(/_layouts/sctainternet/images/madaen-saleh_important-arrowl.png) no-repeat right center;
padding-right : 13px;
text-decoration : underline;
}
.aboutmadaen {
background : #f6f7f6 url(/_layouts/sctainternet/images/madaen-saleh_box-top-rigjt.jpg) no-repeat right top;
padding : 25px 40px 20px 20px;
border-left : 10px solid #ededed;
width : 390px;
float : left;
margin-left : 10px;
}
.aboutmadaentitle {
margin-right : 15px;
margin-bottom : 5px;
}
.aboutmadaentxt {
color : #979696;
font-family : Tahoma, Geneva, sans-serif;
font-size : 12px;
}
.aboutmadaenmore {
text-align : left;
}
.aboutmadaenmore a:link, .aboutmadaenmore a:active {
color : #f7b533;
font-family : Tahoma, Geneva, sans-serif;
font-size : 11px;
text-decoration : none;
}
.aboutmadaenmore a:hover, .aboutmadaenmore a:visited {
color : #c78b16;
font-family : Tahoma, Geneva, sans-serif;
font-size : 11px;
text-decoration : underline;
}
/* END Madaen Saleh - Diriya Layout */

/* Prince Home Layout */
.aboutprince {
border : 1px solid #e1e1e1;
border-bottom : 0;
width : 453px;
margin : 30px 30px 0;
}
.abouttitlebox {
background : url(/_layouts/sctainternet/images/prnc-title-bg.jpg) repeat-x;
position : relative;
padding-right : 10px;
margin-top : 10px;
padding-top : 4px;
height : 47px;
}
.abouttitlel {
background : url(/_layouts/sctainternet/images/prnc-title-lft.jpg) no-repeat;
width : 8px;
height : 51px;
position : absolute;
top : 0;
left : -8px;
}
.abouttitler {
background : url(/_layouts/sctainternet/images/prnc-title-rit.jpg) no-repeat;
width : 8px;
height : 51px;
position : absolute;
top : 0;
right : -8px;
}
.clr {
clear : both;
margin : 0;
padding : 0;
z-index : -999;
}
.aboutbox {
margin : 15px 15px 0;
padding-bottom : 15px;
color : #7b7b7b;
font-family : Tahoma, Geneva, sans-serif;
font-size : 11px;
}
.princemainbox {
background : #fafaf9 url(/_layouts/sctainternet/images/prnc-box-bg.jpg) no-repeat center top;
width : 720px;
min-height : 400px;
position : relative;
}
.aboutshadow {
background : url(/_layouts/sctainternet/images/prnc-box-bottom-bg.jpg) no-repeat;
width : 507px;
height : 6px;
top : -5px;
right : 0;
position : absolute;
}
.princimg {
background : url(/_layouts/sctainternet/images/prnc-img.png) no-repeat center center;
width : 181px;
height : 219px;
position : absolute;
left : 35px;
top : -130px;
}
.princelinks {
margin-top : 30px;
width : 400px;
margin-right : 75px;
float : right;
}
.mediatitle {
float : right;
background : url(/_layouts/sctainternet/images/prnc-medialibr.png);
width : 214px;
height : 59px;
margin-right : 30px;
margin-top : 50px;
}
.princlftlinks {
float : left;
margin-top : 30px;
margin-left : 20px;
}
.mediatitle2 {
float : right;
background : url(/_layouts/sctainternet/images/prnc-medialibr.png);
width : 214px;
height : 59px;
margin-right : 30px;
margin-top : 10px;
}
.princemainbox2 {
background : #fafaf9 url(/_layouts/sctainternet/images/prnc-box-bg2.png) no-repeat center top;
width : 730px;
min-height : 150px;
position : relative;
}
.videosbox {
background : #f3f3f3;
width : 338px;
border : 1px solid #e6e6e6;
float : right;
margin : 20px 10px;
}
.videoplayer {
width : 310px;
margin : 0 auto;
}
.imagesbox {
background : #f3f3f3;
width : 338px;
border : 1px solid #e6e6e6;
float : left;
margin : 20px 10px;
}
			/* Shared CSS for Layouts contains Video - Images Slider [prince-madaen-dereia...]*/
					div.jqans-wrapper.default .jqans-stories ul, div.jqans-wrapper.default .jqans-stories li {
					height : 90px;
					}
					div.jqans-wrapper.default .jqans-stories-selector ul, div.jqans-wrapper.default .jqans-stories-selector li {
					height : 10px;
					}
					div.jqans-wrapper.default, div.jqans-wrapper.default .jqans-container {
					width : 341px;
					}
					div.jqans-wrapper.default li {
					width : 85px;
					}
					div.jqans-wrapper.default a {
					text-decoration : none;
					font-family : Tahoma, Geneva, sans-serif;
					font-size : 11px;
					font-weight : normal;
					color : #6c6a61;
					outline : none;
					}
					div.jqans-wrapper.default a:active, div.jqans-wrapper.default a:hover {
					text-decoration : none;
					font-family : Tahoma, Geneva, sans-serif;
					font-size : 11px;
					font-weight : normal;
					color : #FEFFFF;
					outline : none;
					}
					div.jqans-wrapper.default strong {
					color : #010101;
					}
					div.jqans-wrapper.default {
					margin : 0;
					}
					div.jqans-wrapper.default .jqans-container {
					min-height : 280px;
					text-align : center;
					padding-top : 4px;
					}
					div.jqans-wrapper.default .jqans-container a {
					font-weight : bold;
					}
					div.jqans-wrapper.default .jqans-headline {
					text-align : right;
					margin-left : 4px;
					margin-bottom : 4px;
					}
					div.jqans-wrapper.default .jqans-content h1 {
					text-align : left;
					color : #666666;
					margin : 8px 4px 4px 4px;
					font-size : 16px;
					display : none;
					}
					div.jqans-wrapper.default .jqans-content p {
					text-align : left;
					color : #666666;
					margin : 4px;
					}
					div.jqans-wrapper.default .jqans-stories {
					background : #F3F2F2 url(/_layouts/sctainternet/images/prnc-storiesbg.jpg) repeat-x top;
					}
					div.jqans-wrapper.default .jqans-stories li {
					overflow : hidden;
					text-align : center;
					font-size : 12px;
					color : #666;
					cursor : pointer;
					}
					div.jqans-wrapper.default .jqans-stories li.selected {
					background : #3c7696 url(/_layouts/sctainternet/images/prnc-storiesbg.png) repeat-x;
					}
					div.jqans-wrapper.default .jqans-stories li.selected h3 {
					color : #fEffff;
					cursor : pointer;
					}
					div.jqans-wrapper.default .jqans-stories li img {
					margin-top : 10px;
					border : 1px solid #eee;
					padding : 1px;
					background : #ffffff;
					}
					div.jqans-wrapper.default .jqans-stories li p {
					display : none;
					}
					div.jqans-wrapper.default .jqans-stories li h3 {
					margin : 0;
					font-size : 11px;
					font-family : Tahoma, Geneva, sans-serif;
					font-weight : normal;
					cursor : pointer;
					}
					div.jqans-wrapper.default .jqans-stories-selector li.selected div {
					margin : auto;
					height : 0;
					width : 0;
					line-height : 0;
					font-size : 0;
					border-right : 10px solid #f3f3f3;
					border-bottom : 10px solid #5f9dbf;
					border-left : 10px solid #f3f3f3;
					}
					div.jqans-wrapper.default .jqans-pagination {
					border-top : 1px solid #ddd;
					margin : 0;
					padding : 1px 4px 2px 8px;
					background : #f3f3f3;
					text-align : left;
					clear : both;
					width : 98%;
					overflow : hidden;
					}
					div.jqans-wrapper.default .jqans-pagination-count {
					float : right;
					}
					div.jqans-wrapper.default .jqans-pagination-controls {
					float : left;
					}
					div.jqans-wrapper.default .jqans-pagination-controls a {
					display : inline-block;
					width : 24px;
					height : 15px;
					text-indent : 9999px;
					background : no-repeat center bottom;
					float : right;
					}
					div.jqans-wrapper.default .jqans-pagination-controls-back a {
					background-image : url(/_layouts/sctainternet/images/btn_next.png);
					margin-top : 2px;
					color : #F2F1F1;
					}
					div.jqans-wrapper.default .jqans-pagination-controls-next a {
					background : url(/_layouts/sctainternet/images/btn_prev.png);
					margin-top : 2px;
					}
					div.jqans-wrapper {
					font-family : tahoma, helvetica, clean, sans-serif;
					font-size : 12px;
					font-style : normal;
					font-variant : normal;
					font-weight : normal;
					line-height : 1.231;
					color : #666666;
					}
					div.jqans-wrapper img {
					border : 0;
					}
					div.jqans-wrapper ul, div.jqans-wrapper li, div.jqans-wrapper h1, div.jqans-wrapper p {
					margin : 0;
					padding : 0;
					}
					div.jqans-wrapper {
					position : relative;
					overflow : hidden;
					}
					div.jqans-wrapper ul {
					position : relative;
					left : 0;
					width : auto;
					list-style-type : none;
					overflow : hidden;
					z-index : 1;
					}
					div.jqans-wrapper li {
					float : right;
					display : inline;
					}
					.links {
					width : 316px;
					height : 205px;
					position : absolute;
					left : 5px;
					top : -141px;
					}
			/* END Shared CSS for Layouts contains Video - Images Slider [prince-madaen-dereia...]*/
/* END Prince Home Layout */

/*Video Gallery */
.photo_gallery_blc {
width : 490px;
height : 390px;
border : 1px solid #eaeaea;
background : #f3f3f3;
text-align : center;
}
.photo_gallery_bac {
background : #FEFEFE /*url(/_layouts/scta.intranet/portals/images/bac_photo_gallery.gif) repeat-x top*/;
border : 1px solid #ffffff;
padding : 10px;
}
.gallery_thumb {
border : 1px solid #dadada;
background : #f8f8f8;
text-align : center;
width : 115px;
height : 95px;
}

ul.thumbs {
clear : both;
margin : 0;
padding : 0;
padding-left : 5px;
}
ul.thumbs li {
float : left;
padding : 0;
margin : 5px;
list-style : none;
}
a.thumb {
display : block;
border : 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
background : #000;
}
a.thumb:focus {
outline : none;
}
ul.thumbs img {
border : none;
display : block;
}
ul.thumbs {
clear : both;
margin : 0;
padding : 0;
padding-left : 5px;
}
ul.thumbs li {
float : left;
padding : 0;
margin : 5px;
list-style : none;
}
a.thumb {
display : block;
border : 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
background : #000;
}
a.thumb:focus {
outline : none;
}
ul.thumbs img {
border : none;
display : block;
}
div.pagination {
clear : both;
padding-left : 8px;
direction : ltr;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
display : block;
float : left;
padding : 4px 4px 4px 4px;
margin : 2px;
height : 10px;
background : #ffffff url(/_layouts/sctainternet/images/bac_number.gif) repeat-x top;
color : #838383;
text-align : center;
border : 1px solid #d7d7d7;
}
div.pagination a, div.pagination a:hover, div.pagination a:visited, div.pagination a:link {
color : #838383;
text-decoration : none;
}
div.pagination span.current {
background : url();
height : 10px;
background : #5ea7be;
color : #f2f2f2;
text-align : center;
}

/*** Vote  */
.vote {
background : url(/_layouts/sctainternet/images/votebg.jpg) repeat-y;
margin-top : 10px;
}
.votetop {
background : url(/_layouts/sctainternet/images/votingtop.jpg) no-repeat right top;
margin-right : -5px;
padding : 25px 50px 10px 25px;
font-family : Tahoma, Geneva, sans-serif;
font-size : 11px;
color : #333333;
}
.voteanswers {
padding : 10px 40px 10px 10px;
font-family : Tahoma, Geneva, sans-serif;
font-size : 11px;
color : #333333;
line-height : 25px;
}
.votebutton {
color : #333333;
margin-top : 10px;
}
.voteresults {
float : left;
margin-top : 10px;
}
.voteresults a:link, .voteresults a:visited, .voteresults a:active {
color : #727272;
font-family : Tahoma, Geneva, sans-serif;
font-size : 11px;
text-decoration : underline;
margin-left : 10px;
}
.voteanswers td {
font-family : Tahoma;
font-size : 11px;
}
.spirit_voting {
    background: url("/images/titles_spirit.png") no-repeat scroll right -43px transparent;
    margin:10px 0;
}
.ButtonAsLink {
background : transparent none repeat scroll 0% 0%;
border-style : none;
color : gray;
cursor : pointer;
font-family : tahoma;
font-size : 11px;
text-decoration : none;
}
.ButtonAsLink a:visited, .ButtonAsLink a:hover, .ButtonAsLink a:link {
background : transparent none repeat scroll 0% 0%;
border-style : none;
color : gray;
cursor : pointer;
font-family : tahoma;
font-size : 11px;
text-decoration : none;
}
.DevHelperVotingAnswers {
color : #020202;
font-family : tahoma;
font-size : 12px;
}
td.DevHelperVotingQuestionText {
color : #020202;
font-family : tahoma;
font-size : 12px;
font-weight : bold;
}
td.DevHelperVotingItem {
color : #020202;
font-family : tahoma;
font-size : 12px;
}
.DevHelperVotingRate {
width : 150px;
height : 5px;
}
.DevHelperVotingbutton {
color : #f67a1a;
font-family : tahoma;
font-size : 12px;
text-decoration : none;
background : transparent;
border-style : none;
cursor : pointer;
}
/** END Vote  **/

/* SCTA Archive  */
.nwsrow {
background : url(/_layouts/sctainternet/images/nwsarchive-nwsbg.jpg) no-repeat center bottom;
border-bottom : 3px solid #dfdfdf;
padding : 15px 0;
margin : 0 15px;
}
.nwsbox {
float : right;
width : 500px;
margin-right : 10px;
}
.nwsbox-title {
color : #333333;
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
font-weight : bold;
margin-bottom : 5px;
}
.nwsbox-title a:link, .nwsbox-title a:visited {
color : #333333;
text-decoration : none;
}
.nwsbox-title a:hover {
color : #4a9eb9;
text-decoration : underline;
}
.nwsimg {
float : left;
padding : 2px;
background : #f9f8f8;
color : #868889;
font-size : 11px;
font-family : Tahoma, Geneva, sans-serif;
text-align : center;
margin : 0 20px 0 15px;
width : 116px;
border : 1px solid #cfd0d0;
padding-bottom : 3px;
}
.nwsimg img {
margin-bottom : 3px;
height : 73px;
width : 116px;
}
.nws-nwsdetails {
color : #333333;
font-size : 12px;
font-family : Tahoma, Geneva, sans-serif;
}
.nws-tools {
float : left;
background : #fff url(/_layouts/sctainternet/images/nwsarchive-paging-bg.jpg) repeat-x top;
padding : 3px 10px;
color : #868889;
font-family : Tahoma, Geneva, sans-serif;
font-size : 11px;
border : 1px solid #e0e0e0;
margin-top : 5px;
}
.nws-tools img {
vertical-align : middle;
}
.nws-tools a:link {
color : #868889;
padding-left : 5px;
text-decoration : none;
}
.nws-tools a:hover, .nws-tools a:visited {
color : #555;
padding-left : 10px;
text-decoration : underline;
}
.PagerCurrentPageCell {
width : 19px;
height : 19px;
background : #5ea7be;
color : #f2f2f2;
text-align : center;
}
.PagerOtherPageCells {
/*width : 19px;*/
height : 30px;
color : #838383;
text-align : center;
border : 1px solid #d7d7d7;
text-decoration : none;
}
.PagerOtherPageCells a:link, .PagerOtherPageCells a:visited, .PagerOtherPageCells a:hover {
color : #838383;
text-align : center;
text-decoration : none;
}
.PagerContainerTable {
display : inline;
}

/* Contact US */ 
.alert_mes {
font-family : "traditional Arabic";
font-size : 20px;
font-weight : bold;
text-align : right;
color : #7f7d7d;
width : 100%;
}
.formNote {
font-family : tahoma;
font-size : 11px;
font-weight : normal;
color : #565656;
text-align : left;
padding : 10px;
border-bottom : 1px solid #eeeeee;
}
.formLabelTd {
font-family : tahoma;
font-weight : normal;
color : #5b5b5b;
padding : 10px !important ;
width : 20%;
vertical-align : top;
border-bottom : 1px solid #fff;
background : #f2f2f2;
}
.formControlTd {
font-family : tahoma;
color : #5b5b5b;
font-size : 11px;
padding : 10px !important ;
border-bottom : 1px solid #eeeeee;
border-left : 1px solid #eeeeee;
}
.formMultiTextBox {
width : 98%;
font-family : tahoma;
color : #283c4f;
font-size : 11px;
background : #fff url(/_layouts/SCTAInternet/images/txtbox-bg.jpg) repeat-x bottom;
border : 1px solid #e5e5e4;
height : 100px;
padding : 3px;
}
.formTextBox {
width : 98%;
font-family : tahoma;
color : #283c4f;
font-size : 11px;
background : #fff url(/_layouts/SCTAInternet/images/txtbox-bg.jpg) repeat-x bottom;
border : 1px solid #e5e5e4;
padding : 3px;
}
.formDropDown {
width : 50%;
font-family : tahoma;
color : #283c4f;
font-size : 11px;
direction : rtl;
background : #fff url(/_layouts/SCTAInternet/images/txtbox-bg.jpg) repeat-x bottom;
border : 1px solid #e5e5e4;
padding : 3px;
}
.DevHelperRequiredMark {
color : #d02a2a;
}
.formSmallNote {
color : #afafaf;
}
.form_btn {
height : 27px;
background : #94c0cb url(/_layouts/SCTAInternet/images/bac_but.gif) repeat-x bottom;
font-family : Arial;
font-size : 16px;
font-weight : bold;
color : #fff;
text-align : center;
margin-right : 10px;
padding : 2px 20px 0 20px;
border : 0;
cursor : pointer;
}
.form_btn:hover {
color : #283c4f;
}
.formbtntd {
text-align : left;
}
.form td label
{
    font-family:Tahoma !important;
}
.form td
{
    font-family:Tahoma !important;
}


.dfwp-list{
Margin:10px 0px !important;
}

