﻿/* Rate */
.MyNormal {
width: 16px;
height: 16px;
margin: 0 0px 0 0;
cursor: pointer;
background-image: url(/_Layouts/SCTAInternet/images/RateStar.png);
background-position: 0 16px;
}

.MyHover {
width: 16px;
height: 16px;
margin: 0 0px 0 0;
cursor: pointer;
background-image: url(/_Layouts/SCTAInternet/images/RateStar.png);
}

.Myselect {
width: 16px;
height: 16px;
margin: 0 0px 0 0;
cursor: pointer;
background-image: url(/_Layouts/SCTAInternet/images/RateStar.png);
border: 0px solid skyblue;
}
/* END Rate */

/* Madaen Saleh - Diriya Layout */
.deraiytop {
height : 350px;
background : url(/_Layouts/sctainternet/en/images/deraiya.png) no-repeat center top;
margin-top:10px;
}
.madaensalehtop {
height : 350px;
background : url(/_Layouts/sctainternet/en/images/madaen-saleh-top.jpg) no-repeat center top;
margin-top:10px;
}
.madaenmainbox {
background : #fafaf9 url(/_Layouts/sctainternet/en/images/madaen-saleh-bottom-bg.jpg) no-repeat center top;
width : 700px;
min-height : 400px;
position : relative;
}
.madaencontent {
padding : 30px 0 25px;
}
.madenimportantlinks {
width : 220px;
margin-left : 0px;
float : left;
}
.importtop {
background : url(/_Layouts/sctainternet/en/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/en/images/madaen-saleh-impor-links-left.jpg) no-repeat;
}
.importanttopright {
right : 0;
top : 0;
position : absolute;
width : 5px;
height : 32px;
background : url(/_Layouts/sctainternet/en/images/madaen-saleh-impor-links-right.jpg) no-repeat;
}
.importantcontent {
background : #f8f8f7 url(/_Layouts/sctainternet/en/images/madaen-saleh-impor-links-conent-bg.jpg) repeat-x;
padding : 10px 7px;
font-family : Tahoma, Geneva, sans-serif;
font-size : 11px;
color : #333333;
font-weight : bold;
min-height : 148px;
}
.importantcontent a:link, .importantcontent a:visited, .importantcontent a:active {
color : #333333;
background : url(/_Layouts/sctainternet/en/images/madaen-saleh_important-arrowl.png) no-repeat left center;
padding-left : 13px;
text-decoration : none;
line-height : 25px;
display : block;
}
.importantcontent a:hover {
color : #4a4a4a;
background : url(/_Layouts/sctainternet/en/images/madaen-saleh_important-arrowl.png) no-repeat left center;
padding-left : 13px;
text-decoration : underline;
}
.aboutmadaen {
background : #f6f7f6 url(/_Layouts/sctainternet/en/images/madaen-saleh_box-top-rigjt.jpg) no-repeat left top;
padding : 25px 20px 20px 40px;
border-right : 10px solid #ededed;
width : 390px;
float : right;
margin-right : 10px;
}
.aboutmadaentitle {
margin-left : 15px;
margin-bottom : 5px;
color : #f7b533;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 16px;
font-weight : bold;
}
.aboutmadaentxt {
color : #333333;
font-family : Tahoma, Geneva, sans-serif;
font-size : 12px;
}
.aboutmadaenmore {
text-align : right;
}
.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;
}
.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 10px;
}
/* END Madaen Saleh Layout */

/* Prince Home Layout */
.aboutprince {
border : 1px solid #e1e1e1;
border-bottom : 0;
width : 453px;
margin : 30px 30px 0;
}
.abouttitlebox {
background : url(/_Layouts/sctainternet/en/images/prnc-title-bg.jpg) repeat-x;
position : relative;
padding-right : 10px;
margin-top : 10px;
padding-top : 2px;
height : 47px;
}
.abouttitlel {
background : url(/_Layouts/sctainternet/en/images/prnc-title-lft.jpg) no-repeat;
width : 8px;
height : 51px;
position : absolute;
top : 0;
left : -8px;
}
.abouttitler {
background : url(/_Layouts/sctainternet/en/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 : #333333;
font-family : Tahoma, Geneva, sans-serif;
font-size : 11px;
}
.princemainbox {
background : #fafaf9 url(/_Layouts/sctainternet/en/images/prnc-box-bg.jpg) no-repeat center top;
width : 720px;
min-height : 400px;
position : relative;
}
.aboutshadow {
background : url(/_Layouts/sctainternet/en/images/prnc-box-bottom-bg.jpg) no-repeat;
width : 507px;
height : 6px;
top : -5px;
left : 0;
position : absolute;
}
.princimg {
background : url(/_Layouts/sctainternet/en/images/prnc-img.png) no-repeat center center;
width : 181px;
height : 219px;
position : absolute;
right : 35px;
top : -130px;
}
.princelinks {
margin-top : 30px;
width : 400px;
margin-left : 75px;
float : left;
}
.mediatitle {
float : left;
background : url(/_Layouts/sctainternet/en/images/prnc-medialibr.png) no-repeat;
width : 214px;
height : 59px;
margin-left : 30px;
margin-top : 50px;
}
.princlftlinks {
float : right;
margin-top : 30px;
margin-right : 20px;
}
.videosbox {
background : #f4f3f3;
width : 338px;
border : 1px solid #e6e6e6;
float : left;
margin : 20px 10px;
}
.videoplayer {
width : 310px;
margin : 0 auto;
}
.imagesbox {
background : #F4F3F3;
width : 338px;
border : 1px solid #e6e6e6;
float : right;
margin : 20px 10px;
}
.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;
}
		/* 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 : left;
			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...]*/
/* Madaen Saleh - Diriya 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(/en/images/titles_spirit-en.png) no-repeat scroll left -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;
}
.DevHelperVotingRate {
width : 150px;
height : 5px;
}
.MessageLabel {
color : red;
}
.DevHelperVotingAnswers {
color : #000;
font-family : tahoma;
font-size : 12px;
}
td.DevHelperVotingQuestionText {
color : #000;
font-family : tahoma;
font-size : 12px;
font-weight : bold;
}
td.DevHelperVotingItem {
color : #000;
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;
}
#ArchiveQuestions {
margin : 0;
width : 300px;
}
#ArchiveQuestions td.DevHelperVotingQuestionText span {
margin : 0;
padding : 5px 2px 5px 0;
font-size : 10pt;
font-weight : bold;
border : 1px solid #fff;
border-bottom : 1px solid #ddd;
width : 100%;
display : block;
background-color : #cecece;
cursor : pointer;
font-family : Tahoma;
}
.DevHelperVotingArchiveCurrentQuestion span {
font-weight : bold;
}

/** END Vote  **/

/** SCTA Archive  **/
.nwsrow {
background : url(/_Layouts/sctainternet/en/images/nwsarchive-nwsbg.jpg) no-repeat center bottom;
border-bottom : 3px solid #dfdfdf;
padding : 15px 0;
margin : 0 15px;
}
.nwsbox {
float : left;
width : 500px;
margin-right : 10px;
}
.nwsbox-title {
color : #4e4e4e;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
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 : right;
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;
margin-top : 2px;
height : 68px;
width : 110px;
}
.nwsimg-mn {
float : right;
padding : 2px;
background : #f9f8f8;
color : #868889;
font-size : 11px;
font-family : Tahoma, Geneva, sans-serif;
text-align : center;
margin : 0 20px 0 15px;
width : 113px;
border : 1px solid #cfd0d0;
padding-bottom : 3px;
}
.nwsimg-mn img {
margin-bottom : 3px;
margin-top : 2px;
height : 100px;
width : 103px;
}
.nws-nwsdetails {
color : #333333;
font-size : 12px;
font-family : Tahoma, Geneva, sans-serif;
}
.nws-tools {
float : right;
background : #FCFBFB url(/_Layouts/sctainternet/en/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 : #333333;
padding-right : 10px;
text-decoration : none;
}
.nws-tools a:hover, .nws-tools a:visited {
color : #555;
padding-right : 10px;
text-decoration : underline;
}
.PagerContainerTable {
display : inline;
}

.PagerCurrentPageCell {
width : 19px;
height : 19px;
background : #5ea7be;
color : #f2f2f2;
text-align : center;
}
.PagerOtherPageCells {
/*width : 19px;*/
height : 19px;
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;
}
/** END SCTA Archive  **/

/** 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;
}
/** END Contact US **/ 