﻿@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,700,400italic|Fjalla+One);
@import "https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700";
@import "https://fonts.googleapis.com/css?family=Comfortaa:400,300,700";
dBODY
{
}
html {overflow-y: scroll;}
body {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif !important;
}
.tblLink
{ 
	font-size : 11px;
	font-family: Arial;
	color:black;
	font-weight: bold;
	text-decoration:underline;
}

.pnl
{
    font-weight: bold;
    background-color: #eeeeee;
    padding: 5px;
    cursor: pointer;
    border: solid 1px #c0c0c0;
}
        
.tblLinkDelete
{ 
	font-size : 11px;
	font-family: Arial;
	color:red;
	font-weight: bold;
	text-decoration:underline;
}

.topnavtext
{
	font-size: 16px;
}

.logintext
{
	font-size: 14px;
}

.bottomnavtext
{
	font-size: 12px;
}

.textstyle1
{
	font-size: 24px;
	font-weight: bold;
}

.reqfield
{
	font-size: 11px;
	font-family: Verdana;
	color: red;
	text-decoration: none;
	width:14px;	
}

.lblhead
{
	font-size: 18px;
	font-family: Verdana;
	color: #484848;
	text-decoration: none;
	font-weight: bold;
}

.lblhead1
{
	font-size: 22px;
	font-family: Verdana;
	color: #484848;
	text-decoration: none;
	font-weight: bold;
}

.lbl
{
	font-size: 11px;
	font-family: Verdana;
	color: #484848;
	text-decoration: none;
	
}
.tbx
{
	font-size: 11px;
	height:15px;	
	font-family: Verdana;
	color: #484848;
	text-decoration: none;	
	border-color:#c0c0c0;
	border-style:solid;
	border-width:1px;
	background-color:#f0f8ff;
	width:170px;
	height:15px;		
}
.tbxDiv
{
	font-size:11px;
	font-family:Verdana;
	color:#484848;
	border-color:#c0c0c0;
	border-style:solid;
	border-width:1px;
	background-color:#f0f8ff;
	overflow:visible;
	width:auto;
	height:auto;
}
	
.table
{	
	color: #E6EAEB;	
	border-color:#c0c0c0;
	border-style:solid;
	border-width:0px;
	background-color:#E6EAEB;		
}

.tablenw
{	
	color: #E6EAEB;	
	border-color:#c0c0c0;
	border-style:solid;
	border-width:0px;			
}

.table3
{	
	color: #6EAEB;	
	border-color:#c0c0c0;
	border-style:solid;
	border-width1px;
	background-color:#ffffff;		
}
.table1 
{
    border-collapse: separate;
    border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    -webkit-border-radius: 15px;
    border: 1px solid #5c5c5c;
    padding: 2px;
}

.table1_old
{		
//*	border-color:#c0c0c0;
	border-style:solid;
	border-width:3px;*//
		
	background-color:#ffffff;		
	border-collapse:separate;    
    border-radius:10px;
    -moz-border-radius:10px;    
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
	-webkit-border-radius: 15px; border: 1px solid #5c5c5c; padding: 2px;	
}
.table11
{		
//*	border-color:#c0c0c0;
	border-style:solid;
	border-width:3px;
	*//
	background-color:#ffffff;		
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; border: 1px solid #5c5c5c; padding: 2px;	
}
.table2
{		
	border-color:#c0c0c0;
	border-style:solid;
	border-width:2px;
	background-color:#ffffff;		
}
.white 
{ 
	font-size : 11px;
	font-family: Arial;
	color:#ffffff;	
	text-decoration:none;
}
.white1
{ 
	font-size : 14px;
	font-family: Arial;
	color:#ffffff;	
	font-weight: bold;
	text-decoration:none;
}
.red1 
{ 
	font-size : 13px;
	font-family: Arial;
	color:#ff0000;	
	font-weight: bold;
	text-decoration:none;
}
.red2 
{ 
	font-size : 11px;
	font-family: Arial;
	color:#ff0000;	
	font-weight: bold;
	text-decoration:none;
}
.red3 
{ 
	font-size : 10px;
	font-family: Arial;
	color:#ff0000;	
	font-weight: bold;
	text-decoration:none;
}
.red4 
{ 
	font-size : 18px;
	font-family: Arial;
	color:#ff0000;	
	font-weight: bold;
	text-decoration:underline;
}
.orange1 
{ 
	font-size : 25px;
	font-family: Arial;
	/*color:#ff5f00;*/
	color:#71a81a;
	font-weight: bold;
	text-decoration:none;
}
.orange2
{ 
	font-size : 11px;
	font-family: Arial;
	/*color:#ff5f00;*/
	color:#71a81a;
	font-weight: bold;
	text-decoration:underline;
}
.orange7
{ 
	font-size : 12px;
	font-family: Arial;
	/*color:#ff5f00;*/
	color:#71a81a;
	font-weight: bold;
	text-decoration:none;
}
.orange8
{ 
	font-size : 24px;
	font-family: Arial;
	/*color:#ff5f00;*/
	color:#71a81a;
	font-weight: bold;
	text-decoration:none;
}
.orange6
{ 
	font-size : 12px;
	font-family: Arial;
	/*color:#ff5f00;*/
	color:#71a81a;
	font-weight: bold;	
	letter-spacing:0.5px;
}
.orange5
{ 
	font-size : 12px;
	font-family: Arial;
	/*color:#ff5f00;*/
	color:#71a81a;
	font-weight: bold;
	text-decoration:underline;
}
.darkgray
{ 
	font-size : 11px;
	font-family: Arial;
	color:#53555c;
	font-weight: bold;
	text-decoration:underline;
}
.darkgray1
{ 
	font-size : 12px;
	font-family: Arial;
	color:#53555c;
	font-weight: bold;
	text-decoration:none;
}
.darkgray2
{ 
	font-size : 13px;
	font-family: Arial;
	color:#53555c;
	font-weight: bold;
	text-decoration:underline;
}
.darkgray3
{ 
	font-size : 11px;
	font-family: Arial;
	color:#53555c;	
	text-decoration:none;
}
.orange4
{ 
	font-size : 13px;
	font-family: Arial;
	/*color:#ff5f00;*/
	color:#71a81a;
	font-weight: bold;
	text-decoration:underline;
}
.orange41
{ 
	font-size : 11px;
	font-family: Arial;
	/*color:#ff5f00;*/
	color:#71a81a;
	font-weight: bold;
	text-decoration:underline;
}
.orange8
{ 
	font-size : 16px;
	font-family: Arial;
	/*color:#ff5f00;*/
	color:#71a81a;
	font-weight: bold;
	text-decoration:none;
}

.black1 
{ 
	font-size : 16px;
	font-family: Arial; 
	color:#000000;
	font-weight: bold;	
	text-decoration:none;
}
.black 
{ 
	font-size : 16px;
	font-family: Arial; 
	color:#000000;
	font-weight: bold;
	text-decoration:none;	
}
.black2 
{ 
	font-size : 11px;
	font-family: Arial; 
	color:#000000;	
	text-decoration:none;
	font-weight: bold;
}
.black4 
{ 
	font-size : 12px;
	font-family: Arial; 
	color:#000000;	
	text-decoration:none;
	font-weight: bold;
}
.black5
{ 
	font-size : 20px;
	font-family: Arial; 
	color:#000000;
	font-weight: bold;	
}
.black6
{ 
	font-size : 10px;
	font-family: Arial; 
	color:#000000;	
	text-decoration:none;
	font-weight: bold;
}
.black7
{ 
	font-size : 18px;
	font-family: Arial; 
	color:#000000;	
	text-decoration:underline;
	font-weight: bold;
}
.black10
{ 
	font-size : 40px;
	font-family:Arial; 
	color:#000000;
	font-weight: bold;	
}
.black11 
{ 
	font-size : 12px;
	font-family: Arial; 
	color:#000000;	
	text-decoration:underline;
	font-weight: bold;
}
.black12 
{ 
	font-size : 12px;
	font-family: Arial; 
	color:#000000;	
	text-decoration:underline;	
}
.black13 
{ 
	font-size : 11px;
	font-family: Arial; 
	color:#000000;	
	text-decoration:none;	
}
.black14 
{ 
	font-size : 20px;
	font-family: Arial; 
	color:#000000;	
	text-decoration:none;	
}
.blackfb
{ 
	font-size : 12px;
	font-family: Arial; 
	color:#000000;	
	text-decoration:none;
	font-weight: bold;	
}
.dd
{
	font-size: 11px;
	height:18px;	
	font-family: Verdana;
	color: #484848;
	text-decoration: none;	
	border-color:Gray;
	border-style:solid;
	border-width:1px;
	background-color:#f0f8ff;
	width:173px;		
}

.dd1
{
	font-size: 11px;
	height:18px;	
	font-family: Verdana;
	color: #484848;
	text-decoration: none;	
	border-color:#c0c0c0;
	border-style:solid;
	border-width:1px;
	background-color:#f0f8ff;
	width:173px;		
}
.lblmaroon
{
	font-size: 11px;
	font-family: Verdana;
	color:Maroon;
	text-decoration: none;	
}

.chkbox
{
	font-size: 9px;	
	font-family: Verdana;
	color: #484848;
	text-decoration: none;				
}
.button
{
	font-size: 12px;	
	font-family: Verdana;
	color: #484848;
	text-decoration: none;
	height:24px;
	width:80px;					
}
.lblunderline
{
	font-size: 11px;
	font-family: Verdana;
	color: #484848;
	text-decoration:underline;	
}
.lbl1
{
	font-size: 14px;
	font-family: Verdana;
	color: #484848;
	text-decoration:none;	
	font-weight: bold;
}
.datalist
{
	font-size: 11px;
	font-family: Verdana;
	color: #484848;
	text-decoration:none;		
}
.datalistRep
{
	font-size: 9px;
	font-family: Verdana;
	color: #484848;
	text-decoration:none;		
}
.datalistunderline
{
	font-size: 11px;
	font-family: Verdana;
	color: #484848;
	text-decoration:underline;		
}
.lblblue
{
	font-size: 10px;
	font-family: Verdana;
	color: blue;
	text-decoration: none;	
}

.hiddenDiv 
{
	display: none;
}
.visibleDiv
{
	display: block;
}

.gray1 
{ 
	font-size : 12px;
	font-family: Arial; 
	color:#5c5c5c;	
}
.gray2
{ 
	font-size : 16px;
	font-family: Arial; 
	color:#5c5c5c;	
}
.gray4 
{ 
	font-size : 13px;
	font-family: Arial; 
	color:#5c5c5c;	
}
.gray5 
{ 
	font-size : 11px;
	font-family: Arial; 
	color:#5c5c5c;	
}

.gray12
{ 
	font-size : 13px;
	font-family: verdana; 
	color:#3d4242;	
}

.gray13
{ 
	font-size : 11px;
	font-family: verdana; 
	color:#3d4242;	
}
.gray14
{ 
	font-size : 11px;
	font-family: verdana; 
	color:#3d4242;	
	font-weight:bold;
}

.orange3 
{ 
	font-size : 20px;
	font-family: Arial;
	/*color:#ff5f00;*/
	color:#71a81a;	
}

.blue1 
{ 
	font-size : 12px;
	font-family: Arial; 
	color:#2B658D;
}

.blue2 
{ 
	font-size : 11px;
	font-family: Arial; 
	color:#306EFF;
}
.blue3 
{ 
	font-size : 10px;
	font-family: Arial; 
	color:#306EFF;
}

.black3
{ 
	font-size : 11px;
	font-family: Arial; 
	color:#000000;
}

.footer
{ 
	font-size : 11px;
	font-family: Arial; 	
	color:#ffffff;
	text-decoration:none;				
	background-color:#8e8f93;
}
 
 .masterbackgroundcolour
{ 
	background-color:#ffffff;
}
.topbackgroundcolour
{ 
	background-color:#E6EAEB;
}

/*Menu*/
.indentmenu
{	
font:  bold 13px Arial; 
/* background-color: Silver;*/
line-height:normal;
width: 100%; /*leave this value as is in most cases*/
}
.indentmenu ul{
margin: 0;
padding:0px 0px 0 0px;
float: left;
width: 100%; /*width of menu*/
border-bottom:0px solid #666666;
/*background: black url(images/indentbg.gif) center center repeat-x;*/

}

.indentmenu ul li{
display: inline;
margin:0;
padding:0;
}

.indentmenu ul li a{
float: left;
color:  Black; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #ffffff; /* White divider between menu items*/

border-radius:10px;
-moz-border-radius:10px;
background:#999999;
}

/*.indentmenu ul li a:visited{
color: white;
}*/

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: Black  !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(images/indentbg_orange.jpg) center center repeat-x;
}

.indentmenu ul li a[disabled="disabled"]:hover{
color: Black  !important;
padding-top: 6px;
padding-bottom: 4px; 
background:#999999;
text-decoration:none;
cursor:pointer;
}

/*Indent Menu Orange - Jan 2014*/
.indentmenuorange
{	
font:  bold 13px Arial; 
/* background-color: Silver;*/
line-height:normal;
width: 100%; /*leave this value as is in most cases*/
}
.indentmenuorange ul{
margin: 0;
padding:0px 0px 0 0px;
float: left;
width: 100%; /*width of menu*/
border-bottom:0px solid #666666;
/*background: black url(images/indentbg.gif) center center repeat-x;*/

}

.indentmenuorange ul li{
display: inline;
margin:0;
padding:0;
}

.indentmenuorange ul li a{
float: left;
color:  Black; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #ffffff; /* White divider between menu items*/

border-radius:10px;
-moz-border-radius:10px;
background:#999999;
}

/*.indentmenu ul li a:visited{
color: white;
}*/

.indentmenuorange ul li a:hover, .indentmenuorange ul li .current{
color: Black  !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(images/indentbg_yellow.jpg) center center repeat-x;
}

.indentmenuorange ul li a[disabled="disabled"]:hover{
color: Black  !important;
padding-top: 6px;
padding-bottom: 4px; 
background:#999999;
text-decoration:none;
cursor:pointer;
}

/*Menu*/
.indentmenu1
{	
font:  bold 11px Arial; 
background:#999999;
line-height:normal;
width: 100%; /*leave this value as is in most cases*/
}
.indentmenu1 ul{
margin: 0;
padding:0px 0px 0 0px;
float: left;
width: 100%; /*width of menu*/
border-bottom:3px solid #666666;
/*background: black url(images/indentbg.gif) center center repeat-x;*/
}

.indentmenu1 ul li{
display: inline;
margin:0;
padding:0;
}

.indentmenu1 ul li a{
float: left;
color:  Black; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 2px solid #ffffff; /* White divider between menu items*/
}

/*.indentmenu ul li a:visited{
color: white;
}*/

.indentmenu1 ul li a:hover, .indentmenu1 ul li .current{
color: Black  !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(images/indentbg_orange.jpg) center center repeat-x;
}

.test
{	
font:  bold 13px Arial; 
background:#999999;
line-height:normal;
width: 100%; /*leave this value as is in most cases*/
}

.test ul{
margin: 0;
padding:0px 0px 0 0px;
float: left;
width: 100%; /*width of menu*/
border-bottom:5px solid #666666;
/*background: black url(images/indentbg.gif) center center repeat-x;*/
}

.test ul li{
display: inline;
margin:0;
padding:0;
}

.test ul li a{
float: left;
color:  Black; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 2px solid #ffffff; /* White divider between menu items*/
}

.test ul li a:hover, .test ul li .current{
color: Black  !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
 display:none;
}

.mainModalTable
{
	border-width:0px;
	width:240px;
	background-color:#ecf4fc;
}

.mainModaTableTD
{
	border-left: 1px solid #ECE9D8; 
	border-right: 1px solid #716F64; 
	border-top: 1px solid #ECE9D8;
	border-bottom: 1px solid #716F64;
}

.mainModalInnerTable
{
	border-width:0px;
	width:100%;
}

.mainModalInnerTableTD
{
	border-left: 1px solid #FFFFFF; 
	border-right: 1px solid #ACA899; 
	border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #ACA899;
}

.mainModalDraggablePanelTD
{
	white-space:nowrap;
	background-color:#93b6e8;
	height: 15px; 
	width: 99%;
}

.mainModalDraggablePanelCloseTD
{
	background-color:#93b6e8;
	width:1%;
}

.mainModalDraggablePanel
{
	/*cursor:move; */
	width:100%;
}

.mainModalTitle
{
	color:#FFFFFF;
	font-weight:bold;
}

.mainModalContentsTD
{
	white-space:nowrap;
	background-color:White;
	width:95%;
}
 
 .autocompleteItemCssClass
{
	background-color:InactiveCaptionText;
	display:table-column;	
	font-family: Verdana;
	font-size:x-small;
	font-style: oblique;	
	 
}

.autocompletelistCssClass
{
	background-color: Silver;	
	font-style: oblique;
	margin-left:-20px;	
}

.sideNavMenu{
    color:#aed6fe;
    font-weight:bold;
    text-decoration:none;
    }  
.sideNavMenuSelected, .sideNavMenuSelected:visited{
    color:#ff6600;
    font-weight:bold;
    text-decoration:none;
    } 
 .sideNavSubMenu:link, .sideNavSubMenu:visited{
    color:#aed6fe; 
    font-size:10px;
    text-decoration:none;
    line-height: 18px;
    }
   .sideNavSubMenuSelected{
    color:#aed6fe;
    font-size:10px;
    text-decoration:none;
    line-height: 18px;
    } 

.watermark
{
	background: #FFFFFF;	
	font-size: 8pt;
	direction: ltr;
	text-indent: 2pt;
	font-family: Verdana;	
	text-align: left;
}
.showhide
{
	color:Gray;
	text-decoration:"none";
	font-size:11px;
	font-family:Verdana;
	font-weight:bold;
}
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin : 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

 .filledRatingStar 
 {
  background-image: url(images/FilledStar.jpg);
 }

 .emptyRatingStar
  {
    background-image: url(images/EmptyStar.jpg);
  }

 .savedRatingStar
  {
      background-image: url(images/SavedStar.jpg);
 } 
 .flyOutDiv
{
     display: none;
     position: absolute;
     width: 400px;
     z-index: 3;
     opacity: 0;
     filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0));
     font-size: 14px;
     border: solid 1px Gray;
     background-color:Gray;
     padding: 5px;
}

.flyOutDivCloseX
{
 background-color: #666666;
 color: #FFFFFF;
 text-align: center;
 font-weight: bold;
 text-decoration: none;
 border: outset thin #FFFFFF;
 padding: 5px; 
} 

.clrB
{
	overflow:hidden;
	clear: both;
}

#footer {
	width: 100%;	
	overflow: hidden;
	font-size: 80%;
	clear: both;
	 margin-top:0px;
	 margin-left:-70px;	 
}

#footer ul {
	list-style: none;
	display: block;
	white-space:nowrap;	
    padding-left:20px;
	margin-top:2px;	
}

#footer li {
	 padding:5px;
	display: inline;						
}

#footer li a {
	display: block;
	padding: 0px 10px;
	color: #0000aa;
	float: left;
	text-decoration: none;	
}

#footer li a.lnkFirst {
	background: none;
}

#footer li a:hover{
	 background-color:White;
	color:#FFFFFF;
}

.autocomplete_completionListElement 
{  
	font-size: 11px;
	font-family: Verdana;
	color: #484848;	
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;	
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	padding:1px;
	overflow : auto;
	height : 100px;
	width:70px;
    text-align :left;    
    list-style-type : none;
}

.autocomplete_highlightedListItem
{
	background-color:InactiveCaptionText;
	color: black;
	padding: 1px;
}

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup 
{
	border: solid 1px transparent; margin: -1px; 
	background-color:#EEEEEE;	
	font-family:Verdana;
	font-size:medium;
	padding:3px;
	width:250px;
}   
.modalPopupsignup
{
	border: solid 1px transparent; margin: -1px; 
	background-color:#EEEEEE;	
	font-family:Verdana;
	font-size:medium;
	padding:3px;
	width:250px;
	padding-right:25px;
}   
.divmedia
{
	margin: 0px 60px 0px 60px; text-align: center;
}

/* Added from SWF Upload - Sep 15 2009 */
/*td {
	font: 10pt Helvetica, Arial, sans-serif;
	vertical-align: top;
}*/

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}

    

.containerGrey {
	/*background: #ffffff; */
	padding: 0px; 
	margin: 0px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px; border: 1px solid #5c5c5c; padding: 10px;	
	}

.divspace
{
    margin-top:5px;
    
    }

.collapsePanel {    
    overflow:hidden;    
}

/* =Layout 
-------------------------------------------------------------- */
/*#wrapper {
	margin: 20px auto;
	width: 960px;
	}*/
	
#header {
	width: 1000px;
	height: 80px;	
	}
#blogtitle {
	display: block;
	float: left;
	width: 129px;
	height: 70px;
	margin: 5px 20px 0 0;
	background:url(images/cast-it-talent-logo.gif) no-repeat;
	text-indent: -9000px;
	}
#blogtitle a {
	display: block;
	float: left;
	width: 129px;
	height: 70px;
	}
	
#blogtitlecrew {
	display: block;
	float: left;
	width: 129px;
	height: 70px;
	margin: 5px 20px 0 0;
	background:url(images/crewithome.jpg) no-repeat;
	text-indent: -9000px;
	}
#blogtitlecrew a {
	display: block;
	float: left;
	width: 129px;
	height: 70px;
	}
	
div.upper-right {
	float:right;
	width: 850px;
	height: 40px;
	display: block;
	border-bottom: 1px #ccc solid;
	text-align: right;
	}
#info-nav {
	float:right;
	position: relative;
	top: 10px;
	}
#info-nav ul
{
    margin-top:0px;
}
#info-nav ul li a {
		font-size: 14px;
		color: #71a81a;
		font-weight: bold;
		text-decoration: none;
		margin-left: 20px; /*--Start Changes for Ticket#CI-654 - CIT - Update FAQ page - decreade margin from 28 to 24 to fit FAQ - 24 to 20*/
		text-transform: lowercase;
	}
#info-nav ul li a:hover {
	color:#666;
	}
#navigation {
	float:right;
	width: 810px;
	}
#info-nav ul li {
	float:right;
	}
#navigation ul li a {
	font-size:12px;
	color:#595959;
	height:26px;
	line-height:26px;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
	float:left;
	padding: 0 10px;
	border-bottom: 1px #ccc solid;
	}
#navigation ul li a.current {
	color:#fff;
	background:#71a81a;
	border-bottom: 6px solid #71a81a;
	}
#navigation ul li a:hover {
	color:#fff;
	background:#ccc;
	text-shadow: -1px 1px 0px #333;
	filter: dropshadow(color=#333, offx=-1, offy=1);	
	border-bottom: 6px solid #ccc;
	}
	
/* =Log In for Nav Area
-------------------------------------------------------------- */
#nav-login {
	float: right;
	text-align: right;
	width: 700px;
	padding-top: 10px;
	height: 45px;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color:#595959;
	/*height:100%;*/
	}
#nav-login a {
	font-size: 10px;
	vertical-align: middle;
	}
input#ctl00_tbxUserName, input#ctl00_tbxPassword {
	height: 18px;
	width: 130px;
	display: inline;
	margin-right: 10px;
	color:#71a81a;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px #999 solid;
	}
#ctl00_btnLogin {
	border: 0; 
	background: url(images/btn-login.png) no-repeat;
    background-size: 63px 25px;
	display: inline-block;
	cursor: pointer;
	width: 63px;
	height: 25px;
	margin-right: 10px;
	}
span.login-hidden {
	display: none;
	}


p {
	line-height: 22px;
	margin-bottom: 12px;
	}

/* image alignment */
img.floatleft { float:left;margin: 0 16px 10px 0;}


div.spacer {clear: both; height: 20px;}


a,ul,li,div,font,form,header,html,img,label,p,span,b
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
    vertical-align: top; }

ul {
	list-style: none;
}
img {
	vertical-align:top; }
	
/* =Log In for Home Page
-------------------------------------------------------------- */

#home-login-content {
	text-align: center;
	height: 360px;
	width: 960px;
	border-bottom: 1px #ccc solid;
	}
#home-login-content h1 {
	clear: left;
	padding: 50px 0 30px 0;
	}
#login-area {
	float: left;
	width: 450px;
	text-align: right;
	margin-right: 20px;
	}
div.login-field {
	margin-top: 10px;
	float: right;
	width: 280px;
	}
#ctl00_ContentPlaceHolder2_tbxUserName, #ctl00_ContentPlaceHolder2_tbxPassword {
	float: right;
	height:20px;
	width:190px;
	margin-left: 12px;
	}
#ctl00_ContentPlaceHolder2_lblLoginFailed {
	display:inline-block;
	width:300px;
	clear: both;
	}
#ctl00_ContentPlaceHolder2_btnforgetpass {
	border: 0; 
	color:#71a81a; 
	background: none; 
	cursor: pointer;
	text-decoration: underline;
	margin: 10px 0;
	padding: 0;
	}


a {
	color:#71a81a; 
	outline:none;
	}
a:hover{
	text-decoration:none;
	}


/* =Footer
-------------------------------------------------------------- */	
/*#footer {
	width: 1000px;
	margin: 0 auto;
	text-align: right;
	}
#footer-info {
	width: 920px;
	padding-top: 0px;	
	font-family: arial, helvetica, sans-serif;
	}

#footer-info a {
	color:#808080;
	text-decoration: none;
	margin-left: 28px;
	 	
	}
#footer-info a:hover {
	color:#71a81a;
	}
#footer-info ul {
	padding-top: 0px;
	margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
 width:400px;
	}
#footer-info ul li {
	display: inline;
	font-size:12px;
	text-transform: lowercase;
	}
#footer-info ul li a {
	color:#808080;
	text-decoration: none;
	margin-left: 28px;
	 text-decoration: none;
padding: .2em 1em;
color: #808080;
	
	}*/
/*#footer-info ul li a:hover {
	color:#71a81a;
	}
#footer-info p {
	font-size: 10px;
	color:#999;
	}
#powered-by {
	float:right;
	width: 62px;
	margin-left: 20px;
	text-align: left;
	color: #999;
	font-size: 9px;
	text-transform: lowercase;
	}
#powered-by p {
	margin-bottom: 6px;
	}
/*p.all-rights-reserved1 {
	width: 918px;
	margin-top: 14px;
	padding-top: 10px;
	border-top: 1px #ccc solid;
	}*/
/*p.all-rights-reserved {
    width: 868px;
    margin: 14px 0 0 50px;
    padding-top: 10px;
    border-top: 1px #ccc solid;
}*/

/* Footer change July 15 2013*/

#footer {
	width: 1000px;
	margin: 12px auto;
	clear: both;
	}
#footer-info {
	width: 920px;
	padding-top: 10px;
	border-top: 1px #ccc solid;
	}
#footer ul {
	padding: 22px 0px 0px 0px;
	height: 32px;
	}
#footer ul li {
	display: inline;
	font-size:12px;
	text-transform: lowercase;
	padding: 0px 0px 10px 0px;
	}
#footer ul li a {
	color:#808080;
	text-decoration: none;
	margin-right: 28px;
	}	
#footer ul li a:hover {
	color:#71a81a;
	}
/*a.privacy {
	display: inline-block;
	text-indent: -9000px;
	background: url(images/btn-privacy.jpg) no-repeat;
	width: 181px;
	height: 51px;
	top: -20px;
	position: relative;
	border:0;
	}*/
a.privacy {
	display: inline-block;
	text-indent: -9000px;
	background: url(images/PrivacyPolicy.png) no-repeat;
    background-size: 139px 24px;
	width: 181px;
	height: 51px;
	top: -10px;
	/*position: relative;*/
	border:0;
	}
a.terms {
	display: inline-block;
	text-indent: -9000px;
	background: url(images/terms.png) no-repeat;
    background-size: 72px 24px;
	width: 72px;
	height: 24px;
	top: -10px;
	/*position: relative;*/
	border:0;
	}
a.contact {
	display: inline-block;
	text-indent: -9000px;
	background: url(images/contact.png) no-repeat;
    background-size: 93px 24px;
	width: 93px;
	height: 24px;
	top: -10px;
	/*position: relative;*/
	border:0;
	}

a.faq {
	display: inline-block;
	text-indent: -9000px;
	background: url(images/faqsnw.png) no-repeat;
    background-size: 93px 24px;
	width: 93px;
	height: 24px;
	top: -10px;
	/*position: relative;*/
	border:0;
	}

#footer p {
	font-size: 10px;
	color:#999;
	}
#powered-by {
	float:right;
	width: 62px;
	margin-left: 20px;
	text-align: left;
	color: #999;
	font-size: 9px;
	text-transform: lowercase;
	}
#powered-by p {
	margin-bottom: 0px;
	}
p.all-rights-reserved {
	width: 300px;
	float: right;
	text-align: right;
	}

/* =Payment Gateway Nov 07 2013 - Development Team
-------------------------------------------------------------- */
/* modal */

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #fff;
	}
.modal-backdrop.fade {opacity: 0;}
.modal-backdrop, .modal-backdrop.fade.in {opacity: 0.8;filter: alpha(opacity=80);}
.login-modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 240px;
  margin-left: -120px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
	}
.modal.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;
}
.modal.fade.in {top: 10%;}
.modal-header .close {margin-top: 2px;}
.modal-body {max-height: none;}
.modal-form {margin-bottom: 0;}
.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}	

.form-signin {
	max-width: 300px;
	padding: 0;
	margin: 0 auto 20px;
	}
.form-signin .form-signin-heading,
.form-signin .checkbox {margin-bottom: 10px;}
.form-signin input[type="text"],
.form-signin input[type="password"] {
	font-size: 16px;
	height: auto;
	margin-bottom: 15px;
	padding: 7px 9px;
}
.input-block-level {
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
div.fb-login {
	text-align: center;
	clear: both;
	margin-top: 22px;
	}
p.fb-or-form {
	text-align: center;
	font-size: 1.5em;
	font-weight: 400;
	margin: 14px;
	}
p.align-right {
	text-align: right;
	}

/* News */
		
#left-column {
	float: left;
	width: 230px;
	margin: 0 -50px 50px 0;
	}
div.castitsystems {
	color: #999;
	text-align: center;
	width: 130px;
	letter-spacing: 1px;
	line-height: 22px;
	font-weight: 200;
	text-transform: lowercase;
	margin-bottom: 50px;
	}
div.castitsystems a {
	padding: 4px 8px;
	color: #fff;
	background-color: #999;
	text-decoration: none;
	}
div.castitsystems a:hover {
	text-decoration: underline;
	}
#news {
	border-top: 2px #414141 solid;
	border-bottom: 2px #414141 solid;}
#news h2 {
	background-color: #414141;
	padding: 8px;
	font-size: 29px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 2px;
	}
span.news-subtitle {
	color: #fff; 
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 200;
	font-size: 14px;
	}
li.news-item {
	padding: 12px 0;
	border-top: 1px dotted #414141;
	font-size: 10px;
	}
li.news-item:first-child {
	border-top: none;
	}
#news h3 {
	font-size: 16px;
	font-weight: 400;
	margin: 4px 0;
	}
img.news-image {
	padding: 6px;
	border: 1px solid #414141;
	}
p.news-excerpt {
	font-size: 11px;
	color: #595959;
	margin-top: 6px;
	}

/* Available Roles */

#available {
	float: left;
	width: 460px;
	margin: 20px 20px 50px 0;
	padding-left: 70px;
	background:url(../images/h2-available-bkgd.jpg) no-repeat;
	}
img.available-clapper {
	position: absolute;
	left: 332px;
	top: 108px;
	}
#available h2 {
	font-size: 39px;
	text-transform: uppercase;
	margin-bottom: 10px;
	}
div.film-post-jobs {
	width: 460px;
	height: 42px;
	}
p.date {
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 0.12em;
	margin-bottom: 8px;
	}
ul.available-role-list {
	list-style: none;
	margin-bottom: 20px;
	}
.available-role-list li {
	background-color: #f1f1f1;
	padding: 10px;
	margin-bottom: 10px;
	}
div.available-role-project {
	width: 100px;
	float: left;
	margin-right: 16px;
	overflow: visible;
	font-size: 13px;
	}
p.role-name {
	width: 100px;
	padding: 3px 3px 3px 6px;
	background-color: #414141;
	color: #fff;
	margin-bottom: 8px;
	}
span.caps {
	text-transform: uppercase;
	font-size: 9px;
	top: 3px;
	position: relative;
	letter-spacing: 0.2em;
	}
p.available-description {
	width: 305px;
	margin:0 0 0 130px;
	}
p.available-submit {
	width: 305px;
	text-align: right;
	margin:0 0 0 130px;
	}
p.available-roles {
	font-size: 24px;
	font-weight: 200;
	text-align: center;
	margin-top: 20px;
	}
	
/* Widget Area */

#widgets {
	float: left;
	width: 230px;
	margin: 20px 0px 50px 0;
	}
div.CIT-promo {
	text-align: center;
	margin-bottom: 30px;
	}
div.CIT-promo img {
	margin-bottom: 16px;
	}
span.promo-text {
	font-size: 1.7em;
	line-height: 1.6;
	font-weight: 200;
	}
div.online-open-calls {
	background-color: #414141;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: -2px 2px 10px 2px rgba(102, 102, 102, .7);
	box-shadow: -2px 2px 10px 2px rgba(102, 102, 102, .7);
	padding: 14px;
	color: #fff;
	font-weight: 200;
	margin-bottom: 50px;
	}
div.online-open-calls h2 a {
	display: block;
	text-indent: -9000px;
	background: url(../images/btn-onlineopencall.png) no-repeat;
	width: 202px;
	height: 44px;
	border:0;
	}
div.online-open-calls h3 {
	font-size: 20px;
	font-weight: 400;
	}
div.online-open-calls ul {
	margin-left: 6px;
	width: 190px;
	}
div.online-open-calls li {
	border-bottom: 1px solid #808080;
	padding: 8px 0;
	}
div.online-open-calls li:last-child {
	border-bottom: none;
	}

/* image alignment */
img.floatright { float:right;margin: 0 0 10px 16px;}
/*img.floatleft { float:left;margin: 0 16px 10px 0;}
img.floatright { float:right;margin: 0 0 10px 16px;}
img.clear { clear:both;margin: 16px 0;}

div.spacer {clear: both; height: 20px;}*/


/* more */

a.arrow-link {
	text-transform: uppercase;
	font-weight: 700;
	padding-right: 20px;
	font-size: 12px;
	background:url(../images/submit-arrow.gif) no-repeat right;
	}

/* =Payment Gateway
-------------------------------------------------------------- */
#left-column-member {
	float: left;
	width: 230px;
	margin: 0 10px 50px 0;
	}
#posters p {font-size: 20px; font-weight: 200; margin-bottom: 12px;font-family: 'Source Sans Pro', sans-serif;}
#choosemembership {
	float: left;
	width: 460px;
	margin: 20px 30px 50px 0;
	}
#choosemembership h2, h2.paymentflow {font-family: 'Source Sans Pro', sans-serif;font-size: 38px;font-weight: 200;color: #414141;}
#choosemembership h4 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 22px;
	font-weight: 200;
	color: #fff;
	text-transform: uppercase;
	padding: 3px 10px;
	background-color: #414141;
	letter-spacing: 1px;
	text-align: center;
	}
#whitebox {
	width: 400px;
	padding: 20px;
	margin: 20px 0 30px 0;
	-webkit-box-shadow:  -4px 5px 15px 3px rgba(71, 71, 71, .6);
	-moz-box-shadow:  -4px 5px 15px 3px rgba(71, 71, 71, .6);
	box-shadow:  -4px 5px 15px 3px rgba(71, 71, 71, .6);	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	}
#whitebox h3, #signup-3 h3 {font-size: 25px;text-transform: uppercase; letter-spacing: 0;font-family: 'Fjalla One', sans-serif;color:#71a81a;font-weight:400;margin:0;}
#whitebox p {font-size: 20px; margin-left: 135px;line-height: 30px;}
span.smallgrey {font-size: 11px; color: #999;}

/* membership table */
table.membership {margin-top: 0px;width: 460px;border-bottom: 1px solid #b2b2b2;}
tr.alternate:nth-child(even) {background: #f1f1f2;}
table.membership td {margin: 0;padding: 18px 14px; font-size: 16px;font-weight:200;font-family: 'Source Sans Pro', sans-serif;}
table.membership td::first-line {font-weight:400;}
span.greenupper {text-transform: uppercase;color: #71a81a; padding-right: 4px;font-weight: 700;}
.check {width: 90px;background: url(images/check-mark.png) no-repeat center;}

span.widgettextlink {font-size: 17px;font-weight: 200;font-family: 'Source Sans Pro', sans-serif;}
span.widgettextlink a {font-size: 17px;font-weight: 200;font-family: 'Source Sans Pro', sans-serif;color:#71a81a;}
h2.memlevel {font-size: 25px;text-transform: uppercase; letter-spacing: 0;font-family: 'Fjalla One', sans-serif;color:#71a81a;}

h3.basicmem {font-size: 17px;text-transform: uppercase; text-align: left; font-weight: 400; margin-bottom: 12px;font-family: 'Source Sans Pro', sans-serif;}
p.basicmem {margin-bottom: 24px; font-size: 23px; line-height: 32px; font-weight: 200;font-family: 'Source Sans Pro', sans-serif;}
ul.basicmem li { text-align: left; font-size: 14px; margin: 0 0 8px 0; font-weight: 200; list-style: disc;font-family: 'Source Sans Pro', sans-serif;}

/* payment modal */
#signup, #signup-2, #signup-3 {padding: 20px;}
.radio input[type="radio"] {margin-left: 180px;margin-right: 6px;}
.last-choice {margin-top: 20px;}
.last-choice input[type="radio"] {margin: 10px 20px 0 0;}
.payment-modal {
  position: absolute;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 490px;
  margin-left: -245px;
  background-color: #ffffff;
  border: 0px solid #999;
  border: 0px solid rgba(0, 0, 0, 0.3);
  *border: 0px solid #999;
  -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
          border-radius: 12px;
  outline: none;
  -webkit-box-shadow:  -4px 5px 15px 3px rgba(71, 71, 71, .6);
     -moz-box-shadow:  -4px 5px 15px 3px rgba(71, 71, 71, .6);
          box-shadow:  -4px 5px 15px 3px rgba(71, 71, 71, .6);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
	}
p.modalformlabel 
{
    font-family: 'Source Sans Pro', sans-serif;
	font-weight: 200;
	font-size: 19px;
	color:#71a81a;
	padding: 16px 0;
	}
div.form-submit-back 
{
    margin-top: 60px;
    margin-bottom: 20px; 
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;    
}
div.form-submit-back p.align-center {text-align: center;}
div.form-submit-back a 
{
    font-family: 'Source Sans Pro', sans-serif;
	font-weight: 200;
	font-size: 12px;
	color:#71a81a;
}
.left180 {padding-left: 180px;}
a:link.back-btn {font-size: 15px;font-weight: 200;position: relative;top: 10px;text-decoration: underline;}
div.control-group{margin-left: 21px;}
div.control-group p {margin-left: 24px;}
.warning-callout {
	margin: 20px 0;
	padding: 15px 30px 15px 15px;
	background-color: #ffe9e9;
	color:#636466;
	box-sizing: border-box;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	}
span.paymentEmphasis 
{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px; font-weight: 400; padding-right: 8px;
}
p.align-center {text-align: center;}
ul.confirm-info 
{
    margin-left: 24px;
    font-size: 16px; 
    font-weight: 200;
    }
ul.confirm-info a 
{
    text-decoration: underline;
    font-family: 'Source Sans Pro', sans-serif;
	font-weight: 200;
	font-size: 19px;
	color:#71a81a;
}
ul.confirm-info li 
{
    margin-bottom: 10px;
    font-family: 'Source Sans Pro', sans-serif;
	font-weight: 200;
	font-size: 16px; 
}

	
/* =revised items from homepage html
-------------------------------------------------------------- */
.modal-body {max-height: none;}







/* Offer Page start
-------------------------------------------------------------- */
.offer_modal .modal-header{
	border-bottom:0;	
}
.offer_modal h4{
	color: #71a81a;
    font-size: 24px;
    font-weight: 300;	
}
.offer_modal .modal-footer{
	text-align:center;
	background:none;
	border:none;
	padding-bottom:30px;
}
.containor {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:13px;
    margin: 0 auto;
    width: 1000px;
	padding-top:30px;
}
.site_footer {
    display: inline-block;
    height: 105px;
    width: 100%;
}
.site_links {
    border-bottom: 1px solid #ccc;
    padding: 15px;
    text-align: center;
}
.site_footer a {
    color: #212121;
}
.social_footer {
    display: inline-block;
    padding: 10px 0;
    position: relative;
    width: 100%;
}
.social_footer .reserve {
    float: right;
    padding-right: 80px;
}
.social_footer .social_share {
    float: left;
}
.social_footer .powered {
    background: #fff none repeat scroll 0 0;
    padding-left: 18px;
    position: absolute;
    right: 0;
    top: -38px;
}
.border-bottom {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}
.offer_page {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    border: medium none;
    padding: 0;
}
.offer_page #accordion-container {
    margin: 0;
}
.offer_page .accordion-header {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 40%, #f4f4f4 99%) repeat scroll 0 0;
    border: 1px solid #c7c7c7;
    border-radius: 8px;
    color: #8a8a8a;
    font-size: 13px;
    min-height: 60px;
    position: relative;
    cursor: pointer;
    font-size: 17px;
    margin: 5px 0 0;
    padding: 7px 15px;
	box-sizing:border-box;
}
.active-header {
    background: #414141 url("../images/active-header.png") no-repeat scroll right 50%;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    font-size: 17px;
    margin-bottom: 5px;
    padding: 7px 15px;
}
.offer_page .accordion-header h2 {
    color: #71a81a;
    font-size: 30px;
    font-weight: 300;
    margin: 0;
}
.offer_page .accordion-header p, .offer_page .accordion-header .lead_image {
    opacity: 0;
    position: absolute;
    transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
    visibility: hidden;
}
.offer_page .accordion-header.active-header p, .offer_page .accordion-header.active-header .lead_image {
    opacity: 1;
    transition-delay: 0s;
    visibility: visible;
}
.offer_page .accordion-header.active-header {
    height: 158px;
    overflow: hidden;
    padding-right: 500px;
}
.offer_page .accordion-header.active-header h2 {
    margin: 15px 0;
}
.offer_page .accordion-header p {
    font-size: 14px;
    line-height: 18px;
    width: 500px;
}
.offer_page .accordion-header.active-header .lead_image {
    height: 158px;
    position: absolute;
    right: 0;
    top: 0;
    width: 338px;
}
.offer_page .accordion-header.active-header {
    border-radius: 8px 8px 0 0;
}
.offer_page .accordion-content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #c7c7c7 #c7c7c7;
    border-image: none;
    border-radius: 0 0 8px 8px;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    padding: 10px 20px;
	box-sizing:border-box;
	display:none;
	width:100%!important;
}
.list {
    border-bottom: 1px solid #c7c7c7;
    display: inline-block;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%;
}
.list:last-child {
    border: 0 none;
}
.list img {
    border-radius: 6px;
    float: left;
}
.list .title {
    color: #8a8a8a;
    float: left;
    font-size: 13px;
    margin-left: 15px;
    width: 340px;
}
.list .title h3 {
    color: #71a81a;
    font-size: 24px;
    font-weight: 300;
    margin: 30px 0 0;
}
.list .social {
    float: left;
    margin-top: 30px;
}
.list .social a {
    color: #000;
    font-size: 37px;
    margin-right: 17px;
}
.list .social a:hover {
    opacity: 0.5;
}
.list .cta {
    float: right;
    margin-top: 30px;
}
.list .cta .page {
    color: #71a81a;
    font-size: 24px;
    line-height: 26px;
    margin-top: 15px;
    text-align: center;
}
.list .cta .page span {
    font-size: 18px;
    line-height: 30px;
}
.list .cta .page small {
    color: gray;
    font-size: 13px;
}
.grey_btn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #efefef 50%, #e7e8e6 50%, #e7e8e6 100%) repeat scroll 0 0;
    border: 1px solid #c0c0c0;
    border-radius: 6px;
    box-shadow: 0 0 5px 0 #9d9d9d;
    color: #555555;
    cursor: pointer;
    font-family: "Comfortaa",cursive;
    font-size: 20px;
    font-weight: 300;
    padding: 5px 25px;
}


/* -------------------------------------------------------------------------------------------- PopUp -------------------------------------------------------------------------------------------- */
.cd-popup {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.6);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;}.cd-popup.is-visible {opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}.cd-popup-container {	border: 7px solid rgba(0, 0, 0, .8);    -webkit-background-clip: padding-box; /* for Safari */    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */	position: relative;	width: 90%;	max-width: 480px;	padding:17px 25px 25px;	margin: 4em auto;	background: #FFF;	border-radius: 13px;	text-align: center;		}.cd-popup-heading{background: #fff none repeat scroll 0 0;    color: #71a81a;    display: table;    font-family: "Fjalla One",sans-serif;    font-size: 30px;    font-weight: 400;    margin: 0 auto;    position: relative;    z-index: 2;}.cd-popup-heading + hr {    background: #f4f4f4 none repeat scroll 0 0;    border: medium none;    height: 1px;    left: 35px;    position: absolute;    right: 35px;    top: 28px;    width: auto;    z-index: 1;}			.cd-popup-container .contents {		margin: 8px 0 20px;	}	.cd-popup-container p, .cd-popup-container .contents {		font-family: open sans;		font-size: 13px;		padding: 0;	}	.cd-popup-container button {		font-size: 16px;		font-weight: 400;		padding: 4px 20px;	}	.cd-popup-container .cd-buttons:after {content: "";display: table;clear: both;}.cd-popup-container .cd-buttons li {float: left;width: 50%;}.cd-popup-container .cd-buttons a {display: block;height: 60px;line-height: 60px;text-transform: uppercase;color: #FFF;-webkit-transition: background-color 0.2s;-moz-transition: background-color 0.2s;transition: background-color 0.2s;}.cd-popup-container .cd-buttons li:first-child a {background: #fc7169;border-radius: 0 0 0 .25em;}.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {background-color: #fc8982;}.cd-popup-container .cd-buttons li:last-child a {background: #b6bece;border-radius: 0 0 .25em 0;}.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {background-color: #c5ccd8;}.cd-popup-container a.cd-popup-close {position: absolute;top: 8px;right: 8px;width: 30px;height: 30px;}.cd-popup-container a.cd-popup-close::before, .cd-popup-container a.cd-popup-close::after {content: '';position: absolute;top: 12px;width: 14px;height: 1px;background-color: #bebebe;}.cd-popup-container a.cd-popup-close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);left: 8px;}.cd-popup-container a.cd-popup-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);right: 8px;}.is-visible .cd-popup-container {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
/* -------------------------------------------------------------------------------------------- PopUp end----------------------------------------------------------------------------------------- */








/* -------------------------------------------------------------------------------------------- Buttons -------------------------------------------------------------------------------------------- */
.btn{
	display: inline-block;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #dfdfdf 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#dfdfdf 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #eeeeee 0%,#dfdfdf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);	
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
	position:relative;
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid #bbbcb8;
	outline:none;
	text-decoration:none;
	border-radius:5px;
	padding:5px 12px;
	color:#414141;
	font-weight:100;
	font-size:16px;
}
.btn:after {
    border-radius: 5px;
	-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
	-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;	
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.btn:hover{
	background: #818181; /* Old browsers */
	background: -moz-linear-gradient(top,  #818181 0%, #d2d3ce 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #818181 0%,#d2d3ce 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #818181 0%,#d2d3ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#d2d3ce',GradientType=0 ); /* IE6-9 */
	border:1px solid #a0a19d;

}
.btn-arrow:before {
    background:url(images/btn-arrow.png) no-repeat;
    content: "";
    display: block;
    float: left;
    height: 17px;
    margin-right: 4px;
    margin-top: 5px;
    position: relative;
    width: 17px;
	top:-2px;
}
.btn-image img{
	position:relative;
	max-height:25px;
	opacity:0.6;
	margin-right:5px;
}
/* -------------------------------------------------------------------------------------------- Buttons end----------------------------------------------------------------------------------------- */

a.login {
	display: inline-block;
	text-indent: -9000px;
	background: url(images/btn-login.png) no-repeat;
    background-size: 122px 41px;
	width: 122px;
	height: 41px;
	top: -14px;
	position: relative;
	border:0;
	}	
/*-------Start: GDPR privacy message----------------*/	
.wb-notify {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background-color: #f2f2f2;
    border: solid 1px #999;
    box-sizing: border-box;
    bottom: 7px;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    left: 5px;
    line-height: 18px;
    padding: 7px;
    position: fixed;
    max-width: 45%;
    width: auto;
    z-index: 1002;
}




.wb-notify .icon-close {
    box-sizing: border-box;
    cursor: pointer;
    float: right;
    position: absolute;
    right: 8px;
    top: 8px;
}

/*-------End: GDPR privacy message----------------*/		