*{border: 0;margin: 0;}
body
{
	background-position: 0 0;
	background: #E8E0C6 url('/en/includes/images/mybb6.jpg' ) repeat scroll 0 0;

    font-family: 'Arial','Heiti SC','Microsoft Yahei',simsun,sans-serif;
	text-align: center;
	margin: 0;
	font-size: 12px;
color: black;
}

#mainbg{
	background: url(/en/includes/images/b-g-02.png);
	background-repeat:repeat-y;
	background-position: center;
	width:845px;
	
}


a
{
	font-size: 12px;
	color: #B77E39;
	text-decoration: none;
}

a:hover
{

	color: #663300;
}


#contents{ font-size:12px;float:left;width:800px;text-align:justify;margin-left:0px;margin-top:10px;
           
          
           }
#contents h2
{
	float: left;
	color: #B77E39;
	margin-bottom: 5px;
	width: 100%;
	margin-top: 20px;
	
}


#contents div{font-size:12px;font-family:'Arial','Heiti SC','Microsoft Yahei',simsun,sans-serif;}

#SideBar
{
	float: left;
	width: 24%;
	border: 0px solid green;
	margin-bottom: 15px;
	vertical-align: top;

}
#BodyContent{float:right;width:75%; border:0px solid green; vertical-align:top;}


.haderflash2{margin-bottom:0px;width:100%;
          
 
  

}

.Header{float:left;width:100%;border:0px solid green;margin-top:0px;margin-bottom:0px; position:relative;text-align:center}
.TopBar{}
#top-header {
    background-image: url("/CommonImages/header-top.png");
    background-repeat: repeat-x;
    height:20px;
    width: 823px;
    margin-left:11px;
}

.logo{float:left;width:35%; vertical-align:middle;padding-top:10px; padding-left:20px}
.submenu{float:left;width:25%;font-weight:bold;margin-top:-23px;border:0px solid green;margin-left:30px; z-index:10000}
.languagearea{float:left;width:30%;margin-top:20px;text-align:right;font-family:Arial;}
.languagearea .top
{
	color: #CCCCCC;
}

.submenu a{color:White}
.submenu a:hover
{

	text-decoration: none;
	color: #000000;
}
#MainMenu{margin-left:0px;width:800px;margin-bottom:20px;margin-top:30px;}
.langarabic{margin-left:8px;font-size:15px; font-weight:bold;font-family:Arial, "Traditional Arabic", Helvetica, sans-serif;}


#inner-pages {
    background-color: #FFFFFF;
    background-image: url("/CommonImages/inner-pages-top-bg.png");
    background-repeat: repeat;
    font-size: 12px;
height:100px;

   
    padding-bottom: 0;
    padding-top: 0px;
    text-align: justify;
width:800px;
}



#social-icons {
    background-image: url("/CommonImages/social-icons-bg.png");
    background-repeat: no-repeat;
  
    height: 145px;
   
    margin-top: 65px;
    position: fixed;
    width: 43px;
}


/* social media*/
.fixed-box {
    position: fixed;
    right: 0;
    top: 198px;
    width: 43px;
    z-index: 100;
}
.fixed-box .holder {
    background: url("/commonimages/icons/tab_socialMedia_top.png") no-repeat scroll 0 0 transparent;
    padding: 16px 0 0;
    width: 100%;
}
.fixed-box .frame {
    background: url("/commonimages/icons/tab_socialMedia_bottom.png") no-repeat scroll 0 0 transparent;
    padding: 0 0 60px;
    width: 100%;
}
.fixed-box .section {
    background: url("/commonimages/icons/tab_socialMedia_span.png") repeat-y scroll 0 0 transparent;
    overflow: visible;
    padding: 0;
    width: 100%;
}
.fixed-box .social-networks {
    float: left;
    list-style: none outside none;
    margin: -23px 0 -72px;
    padding: 0 6px 0 9px;
    position: relative;
}
.fixed-box .section:after, .fixed-box .frame:after, .fixed-box .holder:after {
    clear: both;
    content: "";
    display: block;
}
.fixed-box .social-networks li {
    margin: 0 0 9px;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
}
.fixed-box .social-networks a {
    float: left;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    width: 28px;
}
.fixed-box .social-networks .facebook {
    background: url("/commonimages/icons/ico_facebook.png") no-repeat scroll 0 0 transparent;
}
.fixed-box .social-networks .twitter {
    background: url("/commonimages/icons/ico_twitter.png") no-repeat scroll 0 0 transparent;
}
.fixed-box .social-networks .youtube {
    background: url("/commonimages/icons/ico_youtube.png") no-repeat scroll 0 0 transparent;
}


.fixed-box .social-networks .instagram {
    background: url("/commonimages/icons/instagram.png") no-repeat scroll 0 0 transparent;
}

.fixed-box .social-networks .googleplus {
    background: url("/commonimages/icons/google_plus.png") no-repeat scroll 0 0 transparent;
}

.fixed-box .social-networks .blogger {
    background: url("/commonimages/icons/blogger.png") no-repeat scroll 0 0 transparent;
}



/* footer body*/

.footerandbody{float:left;height:40px;width:100%}

#footer
{
	background: url(/en/includes/images/footer-uae.png);

	height: 149px;
	margin: 0 auto;
	color: #ffffff;
	width: 823px;
	text-align: center;
	clear: both;
	border: 0px solid green;
	padding-left:1px;

}

#footermenu{margin:105px 0px 0px 0px;width:100%}
#footertop{width:100%;margin-left:0%;float:left;}

#allrights
{
	color: #D2D2D2;
	font-size:11px;
	padding-left:0px;




}
.pump
{
	color: #DFDFDF;
}
#footermenu a
{
	color: #E6E6E6;
	font-size: 11px;
	text-decoration: none;
}

#footermenu a:hover
{
	color:#B77E39;
	
	text-decoration: none;
}
.padding{
	padding: 10px;
	color:#FF0000;
	font-weight: bold;
}

#allegiancebutton{float:left;width:70%;margin-top:30px;text-align:right}
.NationaldayTimer
{
	font-size: 16px;
	font-weight: bold;
	font-family: 'Monotype Corsiva';
	text-shadow: 0px 0px 1px #B77E39;
}


.ticker
{
	font-size: 13px;
	color: #F0F0F0;
}

h2.subheadings 
{
	float: left;
	color:#B77E39;
	margin-bottom:5px;
	width:100%;
	margin-top:20px;
}



/*Social media*/
#socialmedia
{
    position:absolute; 
	overflow:hidden; 
	left:1000px; 
	top:220px; 
	width:64px; 
	height:250px; 
	z-index:29
}





/* footer Social Media Icons*/

#icons ul{
	list-style: none;
	padding-top: 5px;
	position:relative;
}



#icons li{
float:left;
	padding-left: 10px;
	margin-bottom: 10px;
	
}

#icons a{
	text-decoration: none;
	color: #335000;
	font-weight:bold;
}

#icons a:hover {text-decoration: underline;}

.fbsubmit{text-align:center;width:70%;}


.textbox
{
	border:#ccc 1px solid;
	background:#fff url(/commonimages/include/images/shadow_top.gif) repeat-x top;
	font:15px Verdana, Arial, Serif;
	padding:2px;
    width:250px;
	
	border-radius: 4px;
}

.textbox:focus
{
	background:#fff url(/commonimages/include/images/shadow_top.gif) repeat-x top;
	border:#999 1px solid;
}

.btncolor
{
	background-color: #4B4B4B;
	width: auto;
	border: solid 1px grey;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	height: 25px;
}
.btncolor:hover
{
	border: solid 1px grey;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #B77E39;
	height: 25px;
}



.msg
{
	background: url(/commonimages/icons/information.gif) no-repeat left top;
	background-position: left 1px;
	padding: 2px 0px 0px 20px;
	border-color: #669999;
	color: #B77E39;
	font-weight: bold;
	width: 400px;
}


.msgalert
{
	background: url(/commonimages/include/icons/alert-triangle-red.png) no-repeat left top;
	background-position: left 1px;
	padding: 2px 0px 0px 20px;
	border-color: #669999;
	color: red;

	width: 400px;
}



.mypets
{
	color: #FF3300;
}
.closepet{color: #FFCC66;}



.MainDiv{float:left;width:748px;border:0px solid black; padding:5px;}
.LeftDiv{float:left;width:25%;padding-top:5px;border:0px solid green;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}
.MiddleDiv{float:left;width:2%;padding-top:5px;border:0px solid green;height:25px;}
.RightDiv{float:left;width:35%;padding-top:5px;border:0px solid green;height:25px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}
.MessageDiv{float:left;text-align:left;width:24%;padding-top:5px;border:0px solid green;height:25px;}
.breadcrumb{margin-left:83px;margin-bottom:15px;color: #FFCC66;color:White}
.headings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2px;
	color: #B77E39;
	
	
}


p b{color:Red;}
.formcontainer{float:left;width:798px;padding-bottom:15px;border:1px solid #CCCCCC;border-bottom:5px solid #CCCCCC}

.headingsunderline
{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #B77E39;
	margin-bottom: 10px;
	margin-top: 20px;
		
}



.headingsSubmitForm
{
	background-image: url(/images/Heading.png); background-repeat:no-repeat;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:white;
	margin-top: 20px;
	font-weight:bold;
	width: 250px;
	padding: 4px;
	background-color:#4B4B4B;
	padding-left:10px;

}



.headingsSmall
{
	font-size: 13px;
	color: #B77E39;

	font-weight: bold;
}
	
	
	
.headingsSmallBold
{
	
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
p{padding-top:8px}
#countdowncontainer{color:#B77E39;font-size:12px;padding-right:4px; font-family:Verdana;font-weight:bold}


/*Count down timer */

.lcdstyle
{
	/*Example CSS to create LCD countdown look*/
	background-color: #4B4B4B;
	color: #FFFFFF;
	font: bold 18px MS Sans Serif;
	padding: 3px;
}

.lcdstyle sup{ /*Example CSS to create LCD countdown look*/
font-size: 80%
}

.orangeText{color:black;font-size:12px}

.loadingmsg
{
	float: left;
	border: 3px solid #CC6600;
	display: block;
	padding-left: 20px;
	z-index: 1000;
	left: 40%;
	margin-left: -120px;
	width: 290px;
	padding-top: 10px;
	position: absolute;
	top: 80%;
	height: 70px;
	background-color: #CCCC00;
	color: #000000;
}
.close{color:white;font-size:9px;margin-bottom:10px;text-align:right;margin-right:8px}


.view-content
{
	background-color: #BDD2D2;
	width: 190px;
	height: 160px;
}

.item-list
{
	padding: 5px;
	background-color: #996600;
}
.item-list img
{
border:0px;
width:179px;
}
.item-list:hover
{
	background-color: #666666;
}

.view-content .link-Area
{
	height: 30px;
	background-color: #666666;
	padding-top: 1px;
	text-align: left;
	font-size: 9px;
	padding: 4px;
	color: #FFFFFF;
}
.view-content .link-Area a
{
	color: #B77E39;
}


.galmain
{
	text-align:center;
	font-size:12px;
	color:Gray;
	padding-right:5px;
	}

/* Videos */
.video_main
{
	float: left;
	border-bottom: 1px  dotted  #CFCFCF; 
	padding-bottom: 10px;
	margin-top: 10px;

}


.Video_Img{float:left;width:17%;position:relative}    
#smallIcon{
    top:25px;
    left:30px;
    position:absolute;   
    width:25px;
    opacity:0.5;



}
.Video_Img a:hover{opacity:0.8}
.Video_Desc{float:left;width:58%;padding-right:20px;line-height:20px}
.Video_Desc h1{color: #996600;font-size:12px}
.Video_Button 
{
	

float:left;

display: block;
width: 20%;
margin: 0; 
margin-bottom:0px;

padding: 0; 
padding-left:8px;

}
.Video_Button a{opacity:1}
.Video_Button a:hover{opacity:0.8}

/* Mdeia Gallery */

.Video_Button img { border: 0;}
* html a:hover {visibility:visible;}



a.Press{background:url(/CommonImages/videos/AbuDhabi-up.jpg) no-repeat 0 0;}
a.Press:hover {background: url(/CommonImages/videos/AbuDhabi-hover.jpg) no-repeat;}
        
		
a.Inaguration{ background: url("/CommonImages/videos/Inaguration-up.jpg") no-repeat 0 0;
    display: block;
    width: 55px;
    height: 55px;

               }
a.Inaguration:hover{background: url("/CommonImages/videos/Inaguration-hover.jpg") no-repeat;}

		
		
a.National{background:url(/CommonImages/videos/National-up.jpg) no-repeat;}
a.National:hover {background: url(/CommonImages/videos/National-hover.jpg) no-repeat;}
.imgs{ background:url(/CommonImages/videos/play-up.png) no-repeat;}
.imgs:hover {background:url(/CommonImages/videos/play-hover.png);border:2px solid green}	
		
.contactIcon{background:url(/CommonImages/Icons/contact2.png);background-position:top left; background-repeat:no-repeat;padding:16px 0px 0px 40px;}

.txtField{
	font-size: 11px;
	color: #FFFFFF;text-align:right;}
	
.txtValue{width:250px;border:1px solid gray;}
.txtValueupload{width:258px}
.ddvalue{border:#ccc 1px solid;
	background:#fff url(/commonimages/include/images/shadow_top.gif) repeat-x top;
	font:15px Verdana, Arial, Serif;
	padding:0px;width:255px;height:25px}
	
	
	
#watiqaBackground{background:url(/ru/includes/images/ru_watheqa_bg.png);width:800px; height:543px;font-size:12px;}
#WaqitaControlDiv{float:left;padding-left:45px;width:750px;padding-top:65px;}
.leftAllegiance{width:90px;text-align:left;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}
.CenterAllegiance{width:19px;text-align:right;color:#A52A2A}
.ValueAllegiance{width:265px;text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}
.error{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;}
#WatiqaButtons{float:left;text-align:center;width:65%;margin-top:10px}
#watiqamessage{vertical-align:top;margin-left:30px;border:0px solid green}

.headertext2{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

.headertext2 a{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

.headertext2 a:hover{
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}


.Print{float:left;width:100%;background:url(/CommonImages/Icons/print.gif); background-repeat:no-repeat; background-position:left top; padding:0px 0px 0px 26px;margin:5px 0px 0px 10px } 
.help{float:left;width:100%;background:url(/CommonImages/Icons/help_16.png); background-repeat:no-repeat; background-position:left 0px; padding:0px 0px 0px 26px;margin:5px 0px 0px 10px;} 
.Friend{float:left;width:100%;background:url(/CommonImages/Icons/group.png); background-repeat:no-repeat; background-position:left top; padding:0px 0px 0px 26px;margin:5px 0px 0px 10px } 
.Sendemail{float:left;width:100%; background:url(/CommonImages/Icons/email.png); background-repeat:no-repeat; background-position:left top; padding:0px 0px 0px 26px;margin:5px 0px 0px 10px } 
.emailmsg{float:left;width:100%; background:url(/CommonImages/Icons/email_box.png); background-repeat:no-repeat; background-position:left top; padding:0px 0px 0px 26px;margin:5px 0px 0px 10px } 

h1.headings
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #B77E39;
	margin-bottom: 7px;
	margin-top: 0px;
  border-bottom: 1px  solid  #CFCFCF; 
	text-transform:uppercase;
	

}
h1.subheadings
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B77E39;

	
	padding:5px 0px 5px 0px;


}


.clsdate{float:left;text-align:right;margin-left:15px;margin-top:10px}

h1.videos{font-size:14px;padding-bottom:3px;color: #996600;}
.gallery a:hover{border:0px solid green; }


#marqueecontainer{
position: relative;
width: 260px; /*marquee width */
height: 325px; /*marquee height */

overflow: hidden;
border:0px solid orange;
padding: 2px;
padding-left: 4px;

}



#marqueecontainer-outer{

width: 276px; /*marquee width */
height: 323px; /*marquee height */

overflow: hidden;
border: 0px solid orange;
padding: 5px;
padding-left: 4px;
background-image:url('/CommonImages/commeframe.png');

}

h4.heading
{
	color: #B77E39;
}


#tickerContainer{padding-top:10px;padding-bottom:10px;position:absolute;text-align:justify;}
#ticker { width:260px;padding:10px; text-align:left; height:288px; border:0px solid #aaaaaa; overflow:auto; }
#ticker dt { font:normal 13px Georgia; padding:0 10px 5px 10px; font-weight:bold; padding-top:10px; border:0px solid #ffffff; border-bottom:none; border-right:none; position:relative;color:#B77E39}
#ticker dd {text-align:justify; margin-left:0; font:normal 11px Verdana; padding:0 10px 10px 10px; border-bottom:0px solid #aaaaaa; border-left:0px solid #ffffff; position:relative; }
#ticker dd.last { border-bottom:1px solid #ffffff; }
#ticker div { margin-top:0; }


#VideoFrame{

width: 487px; /*marquee width */
height: 325px; /*marquee height */

overflow: hidden;
border: 0px solid orange;
padding: 5px;
padding-left: 4px;
background-image:url('/CommonImages/Videoframe.png');

}


#members{float:left;width:29%;text-align:center;margin-top:10px;margin-left:40px}
#members h1{color:#B77E39; font-size:20px;margin:0;padding:0px;
            text-transform:uppercase;
			text-shadow:-1px 0px 1px #F9F9F9;
            
            }

.AllegianceButton{float:left;width:55%;text-align:center;margin-left:65px;}

.contest{font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #996600;}
	
	
	
.head dl 
{
	
	
	font-family: Arial, Helvetica, sans-serif;
}

.head dt {


	font-size: 14px;
	color: #996600;
	background: url(/commonimages/include/icons/down.png) no-repeat 5px 2px; padding: 2px 5px 2px 24px;
}

.head dd a span
{
	background-position: 5px 0px;
	background: url(/commonimages/icons/bullet-yellow.png) no-repeat 5px 0px;
	padding: 2px 0px 0px 28px;
	color: #003366;
}

.head dd a:hover
{
	
	color: #CC3300;
}






/* Common body contents */
table.ContentBody
{
	width: 100%;
	text-align: left;
	float: left;
	border:1px solid #F0F0F0;
	

}
table.ContentBody td
{
padding:5px;
	
}	

table.ContentBody td span
{
color:#996600;
	
}	
table.ContentBody th.Heading
{

	font-size: 12px;
	background-color: #4B4B4B;
	color: #F9F9F9;
	
	font-weight: bold;
	text-transform: uppercase;
	padding:4px;
text-align:left;
}

table.ContentBody h1
{

	font-size: 12px;


}

/* Volunteer Profile */
.choice{float:left;width:30%}
#Individual{background:url(/CommonImages/icons/list-add-user.png) no-repeat 0px 0px;padding:1px 0px 7px 22px; font-weight:bold;
	font-size:13px; }
#Organization
{
	background-position: 0px 0px;
	background: url(/CommonImages/icons/sitemap-application-blue.png) no-repeat 0px 0px;
	padding: 0px 0px 0px 20px;
	font-weight:bold;
	font-size:13px;
}


#SignInIndvidual{background:url(/CommonImages/icons/personal-information.png) no-repeat 5px 1px;padding:1px 0px 7px 25px;  }
#SignInOrganization
{
	background-position: 0px 0px;
	background: url(/CommonImages/icons/Organization.png) no-repeat 5px 1px;
	padding: 1px 0px 0px 25px;
	

}

.ForgotPwd{background:url(/CommonImages/icons/keepassx.png) no-repeat 5px 0px;padding:1px 0px 7px 25px;
	 }


*table{border:0px}

table.volunteerprofile
{
	width: 100%;
	text-align: left;
	padding: 10px 0px 10 0px;
	border: 1px solid #F0F0F0;
		padding-bottom:0px;
	margin-bottom:10px;


}
table.volunteerprofile td.left
{
	width: 120px;
	padding-left: 5px;
	background-color: #F9F9F9;
	border-bottom: 1px solid gray;
	border-bottom-color: #F0F0F0;
	color: #000000;
}

table.volunteerprofile td.right
{
	width: 70px;
	padding-left: 5px;
	background-color: #D4D4D4;
	border-bottom: 1px solid gray;
	border-bottom-color: #F0F0F0;
	text-align:right;
		color: #333300;

}




table.volunteerprofile td.left span
{
	color:Red;
}

table.volunteerprofile td.Heading
{
	width: 120px;
	padding-left: 5px;
	font-size: 12px;
	background-color:#4B4B4B;
	color: #FFFFFF;
	height:20px;
	font-weight:bold;
	border-bottom:5px solid #D4D4D4;
	border-top:5px solid #D4D4D4;
	
}
	
	
	table.volunteerprofile td.Heading_first
{
	width: 120px;
	padding-left: 5px;
	font-size: 12px;
	background-color: #4B4B4B;
	height: 20px;
	font-weight: bold;
	border-bottom: 5px solid #F9F9F9;
	text-transform: uppercase;
	color: #EFEFEF;
	padding:4px;
}
	
	
/* Volunteer Registration */
table.volunteer
{
	width: 100%;

	text-align: left;
	padding:0px 0px 10px 0px;
	border:1px solid #EFEFEF;
padding-bottom:0px;
margin-bottom:10px;

	
}
table.volunteer td.left
{
	width: 120px;
	padding-left: 5px;
	background-color: #F9F9F9;
	border-bottom: 1px solid #EFEFEF;
	border-bottom-color: #F3F3F3;
}

table.volunteer td.left span
{
	color:Red;
}


table.volunteer td.Heading_first,th.Heading_first,td.Heading
{
	width: 120px;
	padding-left: 5px;
	font-size: 12px;
	background-color:#4B4B4B;
	color: #FFFFFF;
	
	font-weight:bold;
	border-bottom:5px solid #EFEFEF;
text-align:left;
padding:4px;
	
	
}



table.volunteer td.Heading_bottom
{
	padding:2px;
	background-color:#F9F9F9;
	padding-top:0px;
	
}
table.volunteer td h1.head,th h1.head
{margin:0px;font-size: 12px;text-transform:uppercase;text-align:left;padding:0px;}




 .textbox_vol
{
	background-position: top;
	border: #ccc 1px solid;
	background: #fff url(/commonimages/include/images/shadow_top.gif) repeat-x top;
	font: 12px Verdana, Arial, Serif;
	padding: 3px;
	width: 250px;
	height: 17px;
	color: #000000;
}

 .textbox_volDate
{
	border: #ccc 1px solid;
	background: #fff url(/commonimages/include/images/shadow_top.gif) repeat-x top;
	font: 12px Verdana, Arial, Serif;
	padding: 3px;
	width: 226px;
	height: 17px;
	color: #333333;
}


 .textbox_volSignIn
{
	border: #ccc 1px solid;
	background: #fff url(/commonimages/include/images/shadow_top.gif) repeat-x top;
	font: 12px Verdana, Arial, Serif;
	padding: 2px;
	width:200px;
	height: 17px;
	color: #333333;
}



 .ddl_vol
{
	border: #ccc 1px solid;
		background: #fff url(/commonimages/include/images/shadow_top.gif) repeat-x top;
	font: 12px Verdana, Arial, Serif;
	padding: 2px;
	width:235px;
	height:24px;
}

 .textbox_vol:focus
{
	background:#fff url(/commonimages/include/images/shadow_top.gif) repeat-x top;
	border:#999 1px solid;
}

#UserAvailability {
  padding-left: 22px;
  background-position: left;
  background-repeat: no-repeat;
}
 
 
.check {
 color:Gray;
}
 
 
.taken {

    background-image: url(/CommonImages/icons/notavailable.png);
  color:red;
  background-repeat: no-repeat;
  padding:0px 0px 0px 20px;
}
 
.available {
  background-image: url(/CommonImages/icons/available.png);
  color:green;
  background-repeat: no-repeat;
  padding:0px 0px 0px 20px;
  
}

.Confirmation
{
	
	padding: 10px;

}
.CommonBox{width:575px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:2px solid #C9B257;background:rgba(255,239,97,0.1);-webkit-box-shadow: #B3B3B3 5px 5px 5px;-moz-box-shadow: #B3B3B3 5px 5px 5px; box-shadow: #B3B3B3 0px 0px 0px;padding:10px;}

#volunteerListInEvent{width:220px;height:100px;-webkit-border-radius: 10px 10px 1px 1px;-moz-border-radius: 10px 10px 1px 1px;border-radius: 10px 10px 1px 1px;border:1px solid #CFCFCF;background:rgba(237,221,76,0.1);-webkit-box-shadow: #C4C3B8 1px 1px 1px;-moz-box-shadow: #C4C3B8 1px 1px 1px; box-shadow: #C4C3B8 0px 1px 1px; text-align:center}

#Photo{width:60px;height:60px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:2px solid #FFFFF0;background:rgba(227,162,11,0.0);}

/* Volunteer FAQS */
.VolunteerAnswer
{
	padding-bottom: 8px;
	border-bottom: 1px inset;
	border-bottom-color: #E0E0E0;
}



.VolunteerAnswer span{color:#996600;font-weight:bold}



.info{color:#996600;}


/*Common Listing */
.listings ol 
{

padding: 10px 3px 10px 19px;
}

.listings ol li{padding-top: 5px;}


p.condition{color:#996600;font-size:13px;}


/* Event Listing */

div#EventDetail_Container
{
	width:580px;	

	margin-bottom: 6px;padding:5px;padding-right:5px;}
	
.MyEvents
{
	float: left;
	width: 101%;
	padding: 5px 0px 5px 0px;
	background-color: #F9F9F9;
	
}
#Myenventcontroldiv{border-bottom:1px dashed #DBDBDB;padding:4px 0px 2px 0px;}	
	
	
#enventcontroldiv{border-bottom:1px dashed #DBDBDB;padding:4px 0px 2px 0px;}
.rowcolor{
              background: #FCF8EC url(/CommonImages/include/images/event-gr.png) repeat-x top;   
          
          
          }		


.eventTitle{ font-size:18px; color: #B77E39; }
.eventsubtitle{Font-weight:bold;line-height:20px;}
.eventsubtitle span
{
	padding-left:3px;font-weight:normal;
}
.eventdetail{font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	font-size: 12px;}
	
	
	

/*Grid View Format */

.mGrid {   
    width: 100%;   
    background-color: #fff;   
    margin: 5px 0 10px 0;   
    border: solid 1px #525252;   
    border-collapse:collapse;   
}  
.mGrid td {   
    padding: 2px;   
    border: solid 1px #c1c1c1;   
    color: #717171;   
}  
.mGrid th {   
    padding: 4px 2px;   
    color: #fff;   
    background: #424242 url(/CommonImages/grd_head.png) repeat-x top;   
    border-left: solid 1px #525252;   
    font-size: 0.9em;   
}  
.mGrid .alt { background: #fcfcfc url(/CommonImages/grd_alt.png) repeat-x top; }  
.mGrid .pgr { background: #424242 url(/CommonImages/grd_pgr.png) repeat-x top; }  
.mGrid .pgr table { margin: 5px 0; }  
.mGrid .pgr td {   
    border-width: 0;   
    padding: 0 6px;   
    border-left: solid 1px #666;   
    font-weight: bold;   
    color: #fff;   
    line-height: 12px;   
 }     
.mGrid .pgr a { color: #666; text-decoration: none; }  
.mGrid .pgr a:hover { color: #000; text-decoration: none; }


.IsVolunteerConfirmed{float:left;width:40%}
.IsVolunteerConfirmed .subscribe{background:url("/CommonImages/icons/subscribe_16.png") no-repeat 0px 0px;padding:0px 0px 10px 20px}
.IsVolunteerConfirmed .unsubscribe{background:url("/CommonImages/icons/unsubscribe_16.png") no-repeat 0px 0px;padding:0px 0px 10px 20px}

.redText{color:Black;font-weight:bold;font-family:Verdana;}
.redText_Black{color:Black;font-weight:bold;font-family:Verdana;}

.NewRegister{padding:8px 0px 33px 0px;}
.NewRegister p{background:url("/CommonImages/icons/list2-add.png") no-repeat 0px 0px;padding:0px 0px 10px 20px;}
.ShowMessage
{
	background: url(/commonimages/icons/information.gif) no-repeat left top;
	background-position: left 1px;
	padding: 2px 0px 0px 20px;
	border-color: #669999;
	color: #CC3300;
	font-weight: bold;
	width: 400px;
}

.RegisterLeft{float:left;width:63%;padding:20px}
.RegisterRight{float:left;width:28%}

.linkGreen{color:Green}
.linkred{color:Red}





.PaternDiv {
    background: url("/commonImages/HeaderPatern.gif") repeat-x scroll 0 0 transparent;
    height: 18px;
    margin: 0px 0px 5px;
    width:800px;
    float:left;
    
}

.headArea{font-weight:bold;}



.pgr {
    background: url("/CommonImages/includes/Images/menuhead.png") repeat-x scroll center top #424242;
}
    
 .pgr table { margin: 5px 0; }
 .pgr td
{
	border-width: 0;
	padding: 0 6px;
	border-left: solid 1px #666;
	font-weight: bold;
	color: #FF0000;
	line-height: 7px;
}   
   .pgr a
{
	color: #FFFFFF;
	text-decoration: none;
}
.pgr a:hover
{
	color: #000000;
	text-decoration: none;
}

.txtmembershipcode{border:#ccc 1px solid;
	background:#fff url(/commonimages/include/images/txtGradiant1.png) repeat-x top;
	font:15px Verdana, Arial, Serif;
	padding:5px;width:255px;height:25px}
	
	
	
	
.MobileApp 
{

	margin-left:80px;
	margin-top:10px;


}

.MobileApp a.googleplay{background: url("/en/includes/Images/Google-Play.png" ) no-repeat scroll 0 0 transparent;
   background-position: 0 0;	
	color: #B77E39;
	display: block;
	font-size: 12px;
	font-weight: bold;
	opacity: 0.5;
	padding-left: 17px;
	height:65px;
	width:190px;
                        }
.MobileApp a.appstore{background: url("/en/includes/Images/AppStoreLogo.jpg" ) no-repeat scroll 0 0 transparent;
 background-position: 0 0;	
	color: #B77E39;
	display: block;
	font-size: 12px;
	font-weight: bold;
	opacity: 0.5;
	padding-left: 20px;
	height:67px;
	width:201px;
                      }

.MobileApp a:hover {
 
    font-style:normal;
    	opacity: 1;
}

.MobileAppButton a.homemobi{background: url("/en/includes/Images/oatkmobileapp.png" ) no-repeat scroll 0 0 transparent;
 background-position: 0 0;	
	color: #B77E39;
	display: block;
	font-size: 12px;
	font-weight: bold;
	opacity: 0.7;
	padding-left: 20px;
	height:50px;
	
                      }

.MobileAppButton a:hover {
 
    font-style:normal;
    	opacity: 0.9;
}