/*
- WMG: 7-2008
- Master page clsses and exceptions
*/
body
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #42a6c6;
    font-family: Tahoma;
    font-size:12px;
}
/****************************************/
/*Horizontal news styles                */
/****************************************/
pre {
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}

div.percentL
{
	background-color: gray;
	float: right;
	border-top:solid 1px green;
	border-left:solid 1px green;
	border-bottom:solid 1px green;
}
div.percentR
{
	float: right;
	border-top:solid 1px blue;
	border-right:solid 1px blue;
	border-bottom:solid 1px blue;
}
.highlite
{
	color: Red;
	font-weight:bold;
}
div.stchead
{
	border:dashed 1px green; 
	width:80%; 
	height:30px; 
	vertical-align:middle; 
	text-align:center;
}
.optionslist
{
    direction:rtl; 
    color: #217A9B; 
    background-color: Transparent; 
    font-family: Tahoma; 
    font-size: 8pt;
    width: 100%; 
    padding: 5px 2% 5px 2%;    
    text-align:right; 
}

#marqueecontainer
{
    position: relative;
    width: 100%; /*marquee width */
    height: 157px; /*marquee height */
    background-color: white;
    overflow: hidden;
}
.hajj01_bk
{
	background: url(images/hajj01.jpg);
}
.hajj02_bk
{
	background: url(images/hajj02.jpg);
}
.hajj03_bk
{
	background-image: url(images/hajj03.jpg);
	
}
.footer
{
    font-family: Tahoma;
    font-size: 12px;
    color: #FFFFFF;
	height:30px;
	background-color:#42a6c6;
	text-align:center;
}
.style4
{
    font-size: 12px;
    color: #990000;
}
.style5
{
    font-size: 12px;
    color: #FFFFFF;
}
.style6
{
    color: #990000;
}
.style7
{
    color: #0000FF;
}
#contentBody
{
	width: 98%; 
	padding: 4px 4px 4px 4px;
	text-align:center;
}
.contentHead
{
    width: 98%;
    height: 25px;
    background-color: #268CB2;
    padding: 4px 4px 4px 4px;
    margin: 0px 1% 0px 1%;
    color: #ffffff;
    text-align: right;
    visibility:hidden;
    display:none;
}
.modalBackground 
{
	background-color:#000000; 
	filter:alpha(opacity=60);
	opacity:0.7; 
	-moz-opacity:0.7;
} 
.modalPopup 
{
	background-color:#ffffdd; 
	border-width:3px; 
	border-style:solid; 
	border-color:Gray; 
	padding:3px; 
	width:500px; 
}
.CloseBar
{
    width: 4%;
    background-color: #268CB2;
    padding: 4px 0px 4px 4px;
    color: #ffffff;
    text-align: left;
    float:left;
}
.TitleBar
{
    width: 95%;
    background-color: #268CB2;
    padding: 4px 4px 4px 0px;
    color: #ffffff;
    text-align: right;
    float:right;
    cursor:move;
}
#modalHajj
{
	font-family: Tahoma;
	font-size: 12px;	
}
#modalHajjBody
{
	cursor:text;
	color:Black;
	text-align:right;
}
.pic_marg {
	padding-right: 25px;
	padding-left: 2%;
}
.right_border {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c5c4c4;
}
.left_border {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c5c4c4;
}
.down_border {
	font-size: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5c4c4;
}
.ldr_border {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5c4c4;
	background-image: url(images/hajj12.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c5c4c4;
	border-left-color: #c5c4c4;
}
.txt0 {
	font-family: Tahoma;
	font-size: 10px;
	text-align: right;
	direction:rtl;
	line-height: 20px;
	padding:4px;
}
.txt1 {
	font-family: Tahoma;
	font-size: 12px;
	text-align: justify;
	direction:rtl;
	line-height: 20px;
	padding:4px;
}
.txt_box_login {
	font-family: Tahoma;
	font-size: 11px;
	color: #6e6c6c;
	background-color: #f6f5f6;
	border: 1px solid #e3e3e3;
	height: 16px;
	text-align: center;
	vertical-align: middle;
}
a:link {
	font-family: Tahoma;
	font-size: 12px;
	color: #990000;
	text-decoration: none;
	direction:rtl;
}
a:visited {
	font-family: Tahoma;
	font-size: 12px;
	color: #990000;
	text-decoration: none;
	direction:rtl;
}
a:hover {
	font-family: Tahoma;
	font-size: 12px;
	color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
.link2 {
	font-family: Tahoma;
	direction:rtl;
	text-align: right;
	line-height: 20px;
}
.link2 a:link {
	font-family: Tahoma;
	font-size: 12px;
	color: #1b6d88;
	text-decoration: none;
	direction:rtl;
}
.link2 a:visited {
	font-family: Tahoma;
	font-size: 12px;
	color: #1b6d88;
	text-decoration: none;
	direction:rtl;
}
.link2 a:hover {
	font-family: Tahoma;
	font-size: 12px;
	color: #999999;
	direction:rtl;
	text-decoration: none;
	border-bottom-style: none;
	
}
.pic_border {
	margin-right: 5px;
	border: 1px solid #c5c4c4;
}
.link3 {
	font-family: Tahoma;
	
}
.link3 a:link {
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	
}
.link3 a:visited {
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	
}
.link3 a:hover {
	font-family: Tahoma;
	font-size: 12px;
	color: #999999;
	direction:rtl;
	text-decoration: none;
	border-bottom-style: none;
}
.link4 {
	font-family: Tahoma;
	direction:rtl;
	
}
.link4 a:link {
	font-family: Tahoma;
	font-size: 12px;
	color: #1b6d88;
	text-decoration: none;
	direction:rtl;
}
.link4 a:visited {
	font-family: Tahoma;
	font-size: 12px;
	color: #1b6d88;
	text-decoration: none;
	direction:rtl;
}
.link4 a:hover {
	font-family: Tahoma;
	font-size: 12px;
	color: #999999;
	direction:rtl;
	text-decoration: none;
	border-bottom-style: none;
	
}
.drop_down {
	font-family: Tahoma;
	font-size: 11px;
	color: #6e6c6c;
	background-color: #f6f5f6;
	border: 1px solid #e3e3e3;
	height: 20px;
	text-align: center;
	direction:rtl;
	width: 103px;
}
.round_border {
	border: 1px solid #c5c4c4;
}
.bag_down {
	background-image: url(images/hajj40.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c5c4c4;
	border-left-color: #c5c4c4;
}
.pic_border2 {
	border: 1px solid #c5c4c4;
	margin-left: 5px;
}
.link5 {
	font-family: Tahoma;
	direction:rtl;
	
}
.link5 a:link {
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	direction:rtl;
}
.link5 a:visited {
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	direction:rtl;
}
.link5 a:hover {
	font-family: Tahoma;
	font-size: 12px;
	color: #333333;
	direction:rtl;
	text-decoration: none;
	border-bottom-style: none;	
}
/* --------------  Dynamic width box ------------- */
/* --------------      BEGIN        ------------- */
.half
{
	float:right;
	width: 49.99%;
}
.quarter
{
	float:right;
	width:24.99%;
}
.box
{
    width: 96%; 
    line-height: 18px;
    margin: 5px 2% 5px 2%;
}
.boxinhalf
{
    width: 92%; 
    line-height: 18px;
    margin: 5px 4% 5px 4%;
}
.boxhead 
{
    background: #fff url(images/hajj07.gif) top; 
    height:21px;
}
.boxtail 
{
	height:4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5c4c4;
}
.boxtailgreen 
{
	height:5px;
    background: #fff url(images/hajj39.gif) top; 
}
.boxbody 
{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c5c4c4;
	border-left-color: #c5c4c4;    
	direction:rtl;
	color:Black;
}
#green_bk
{
	background:url(Images/hajj40.jpg) no-repeat left bottom;
}
.boxbodywithbluetail 
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5c4c4;
	background-image: url(images/hajj12.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.boxbody h1 
{
    font-family:Tahoma;
    font-size:12px;
    font-style: normal;
    font-weight:normal;
    padding: 2px 15px 2px 2px;
    margin: 0px 10px 0px 0px;
    text-align:right;
    line-height:18px;
}
/*Right direction*/
.boxbodyblue h3 
{
    background: url(images/hajj41.gif) no-repeat right;
    font-family:Tahoma;
    font-size:12px;
    font-style: normal;
    font-weight:normal;
    padding: 2px 15px 2px 2px;
    margin: 0px 10px 0px 0px;
    text-align:right;
    line-height:18px;
}
.boxbodyblue h3 a {color:Black;}
.boxbodygreen h3 
{
    background: url(images/hajj32.gif) no-repeat right;
    font-family:Tahoma;
    font-size:12px;
    font-style: normal;
    font-weight:normal;
    padding: 2px 15px 2px 2px;
    margin: 0px 10px 0px 0px;
    text-align:right;
    line-height:18px;
}
.boxbodygreen h3 a {color:Black;}
.boxbodyarrow h3 
{
    background: url(images/hajj21.gif) no-repeat right;
    font-family:Tahoma;
    font-size:12px;
    font-style: normal;
    font-weight:normal;
    padding: 2px 15px 2px 2px;
    margin: 0px 10px 0px 0px;
    text-align:right;
    line-height:18px;
}
.boxbodyarrow h3 a {color:Black;}
/*Left direction*/
.boxbodyblueL h3 
{
    background: url(images/hajj41.gif) no-repeat left;
    font-family:Tahoma;
    font-size:12px;
    font-style: normal;
    font-weight:normal;
    padding: 2px 2px 2px 15px;
    margin: 0px 0px 0px 10px;
    text-align:left;
    line-height:18px;
}
.boxbodyblueL h3 a {color:Black;}
.boxbodygreenL h3 
{
    background: url(images/hajj32.gif) no-repeat left;
    font-family:Tahoma;
    font-size:12px;
    font-style: normal;
    font-weight:normal;
    padding: 2px 2px 2px 15px;
    margin: 0px 0px 0px 10px;
    text-align:left;
    line-height:18px;
}
.boxbodygreenL h3 a {color:Black;}
.boxbodyarrowL h3 
{
    background: url(images/hajj21.gif) no-repeat left;
    font-family:Tahoma;
    font-size:12px;
    font-style: normal;
    font-weight:normal;
    padding: 2px 2px 2px 15px;
    margin: 0px 0px 0px 10px;
    text-align:left;
    line-height:18px;
}
.boxbodyarrowL h3 a {color:Black;}
/* --------------      END        ------------- */

/* This file skins dialog */

.glad .ui-s-dialog,
.glad.ui-s-dialog {
	background-color: white;/*#e6f7d4*/
}

.glad .ui-s-dialog .ui-s-dialog-titlebar,
.glad.ui-s-dialog .ui-s-dialog-titlebar {
	border-bottom: 1px solid #d8d2aa;
	background: #ff9900 url(flora/i/dialog-title-ce.gif) repeat-x;
	padding: 0px;
	height: 28px;
	_height: 29px;
}

.glad .ui-s-dialog.ui-s-draggable .ui-s-dialog-titlebar,
.glad.ui-s-dialog.ui-s-draggable .ui-s-dialog-titlebar {
	cursor: move;
}

.glad .ui-s-dialog .ui-s-dialog-titlebar-close,
.glad.ui-s-dialog .ui-s-dialog-titlebar-close {
	width: 16px;
	height: 16px;
	background: url(flora/i/dialog-titlebar-close.png) no-repeat;
	position:absolute;
	top: 6px;
	right: 7px;
	cursor: default;
}

.glad .ui-s-dialog .ui-s-dialog-titlebar-close span,
.glad.ui-s-dialog .ui-s-dialog-titlebar-close span {
	display: none;
}

.glad .ui-s-dialog .ui-s-dialog-titlebar-close-hover,
.glad.ui-s-dialog .ui-s-dialog-titlebar-close-hover {
	background: url(flora/i/dialog-titlebar-close-hover.png) no-repeat;
}

.glad .ui-s-dialog .ui-s-dialog-title,
.glad.ui-s-dialog .ui-s-dialog-title {
	margin-left: 5px;
	color: white;
	font-weight: bold;
	position: relative;
	top: 7px;
	left: 4px;
}

.glad .ui-s-dialog .ui-s-dialog-content,
.glad.ui-s-dialog .ui-s-dialog-content {
	margin: 1.2em;
}

.glad .ui-s-dialog .ui-s-dialog-buttonpane,
.glad.ui-s-dialog .ui-s-dialog-buttonpane {
	position: absolute;
	bottom: 8px;
	right: 12px;
	width: 100%;
	text-align: right;
}

.glad .ui-s-dialog .ui-s-dialog-buttonpane button,
.glad.ui-s-dialog .ui-s-dialog-buttonpane button {
	margin: 6px;
}