/* CONFIG for Custom Article Summary */
.contentheading {
    text-transform: uppercase;
    margin: 2px;
    padding: 4px 7px;
    font-size: 1.1em;
    color: #00AA00;
    background-color: #F4FEDB;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #F4FEDB), color-stop(0.05, #F4FEDB), color-stop(1, #FFFFFF));
    text-shadow: 0 1px 0 #FFFFFF;
    -webkit-border-radius: 2px;
    border: 1px solid #E1E1E1;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.contentheading2{
    font-style: normal;
    font: 400 12px/1.3em Arial, Tahoma, Verdana, Helvetica;
    font-size: 2.4375em;
    line-height: 1.0909;
    font-weight: 200;
}

.contentlist li{
    background: url("../images/menu_row.jpg") no-repeat scroll left center transparent;
    color: #7F6A7C;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    padding: 0 0 0 14px;
    text-decoration: none;
}



.contentbody{
    font: 400 12px/1.3em Arial, Tahoma, Verdana, Helvetica;
    color:#777;
    margin:0;
    padding:0
}

.SummaryTitleClass {
    border-bottom: 5px solid #fff;
    text-transform: uppercase;
    margin: 2px;
    padding: 4px 7px;
    font-size: 1.1em;
    color: #00AA00;
    background-color: #F4FEDB;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #F4FEDB), color-stop(0.05, #F4FEDB), color-stop(1, #FFFFFF));
    text-shadow: 0 1px 0 #FFFFFF;
    -webkit-border-radius: 2px;
    border: 1px solid #E1E1E1;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.SummaryTitleClass h3 {
    
}

.SummarySubTitleClass {
    color:#000;
}

.summarytitle {    
    margin-bottom: 4px;
    font-weight: bold;
    overflow: hidden;
}

.summarytitle h3 {
    font-size: 1.2em;
}

.summarysubtitle {
    color: #000;
	padding-left:5px;
}

.summaryusername {
	color: #0A0;
}

.summaryusername a{
	color: #0A0;
	font-size: 10pt;
	font-weight: bold;
}

.SummaryCellLeft{
    color:#00A;
    font-size: 8pt;
    font-weight: bold;
}

.SummaryCellRight{
    color:#0A0;
    font-size: 8pt;
    font-weight: bold;
}

.DataListPanelClass{
    border: 1px solid #eee;    
}

.DataListPanelClass .DataListHead{
    background-color: #2C2ED3;
    color:#fff;
}

.DataListPanelClass .DataListOddRow{
    background-color: #ebf6ff;
}

.RowDataStyle{
     border-collapse:separate; 
     border-color:#ccc; 
     border-top-style:solid; 
     border-top-width:thin;
}

.roundcorner {
    margin: 2px;
    padding: 4px;
    font-size: 1.1em;
    -webkit-border-radius: 4px;
    border: 1px solid #E1E1E1;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.sectionheading{
    font-size:12pt;
    color:#09f;
    background-color:#DEF6FF ;
    font-weight: bold;
}

.contentdetails{
    text-align: left; 
    color: #222; 
    word-warp: break-word; 
    font-family:serif;
    font-size: 13pt;
}

.summarytitle{
    font-size:1.2em; 
    margin-bottom:4px;color: #167ac6;
    font-weight:bold;
    overflow: hidden;
}

.summarytitle a{
    color: #167ac6;
}

.summarytitle a:hover, a:active{
    color: #81AA4F;
}

.displaylabel{
    font-weight: bold;
    color:#111; 
}

.item_border{
	background-image: none;
	background-color: #FFF;
	padding: 5px;
	box-shadow: 3px 3px 5px #BBB;
	border-top: 1px solid #F0F0F0;
	border-left: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
	width: 96%;
	margin: 5px auto;
}

.tmp_item_button {
    padding: 3px 3px;
    font-size: 12px;
    color: #444;
    background-color: #eee;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fff), color-stop(0.05, #eee), color-stop(1, #bbb));
    text-shadow: 0 1px 0 #f6f6f6;
    -webkit-border-radius: 2px;
    border: 1px solid #888;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.shaded_round_panel {
    padding: 3px 3px;
    font-size: 12px;
    color: #444;
    background-color: #eee;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fff), color-stop(0.05, #eee), color-stop(1, #eee));
    text-shadow: 0 1px 0 #f6f6f6;
    -webkit-border-radius: 2px;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.shaded_round_panel_no_select {
    padding: 3px 3px;
    font-size: 12px;
    color: #444;
    background-color: #eee;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fff), color-stop(0.05, #eee), color-stop(1, #eee));
    text-shadow: 0 1px 0 #f6f6f6;
    -webkit-border-radius: 2px;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.shaded_round_panel:hover {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fff), color-stop(0.05, #ebfce9), color-stop(1, #ebfce9));
    cursor: pointer;
    
}

.selComboBoxElement{
    border: 1px solid #eee;
    background-color: #4FA7FF;
    color:#fff;
    cursor: default;
}

.unselComboBoxElement{
    border: 1px solid #eee;
    background-color: #fff;
    color:#000;
    cursor: default;
}

.unselComboBoxElement:hover {
    border: 1px solid #eee;
    background-color: #0070DF;
    color:#fff;
}

.selComboBoxElement:hover {
    border: 1px solid #eee;
    background-color: #0080FF;
    color:#fff;
}


div.fileinputs {
	position: relative;
}

div.fakefile {
    cursor:pointer;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.fakeinput {
    color: #444;
    margin-top: -5px;
}

input.file {
    cursor:pointer;
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

/************************************/
.scrollable
{
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-webkit-box-flex: 1;
}

.toolbar
{
	-webkit-box-sizing: border-box;
	padding: 1em;
	background: #222;
	color: #fff;
	font-weight: bold;
	text-align: center;
	height: 50px;
}



#content_block_controller1 {position: absolute; top: 0px; left: 0; right: 0; bottom: 80px; overflow: scroll; -webkit-overflow-scrolling: touch;}
#content_block_controller2 {overflow: scroll;-webkit-overflow-scrolling: touch;width: 100%;}
#tab_bar_controller {background: #000; color: #fff; height: 80px; position: fixed; bottom: 0; width: 100%;}

/******** Buttons *****************************/
.myImage { width: 100px; height: 32px; background: url('images/BillsCreditInfoButtonNormal.png') no-repeat; background-position: 0 -100px; }
.myImage:hover { background-position: 0 0; }



.message_hover:hover {
    background-color: #444;
}

.crop_message_image_to_w { height: 80px; overflow: hidden; }
.crop_message_image_to_w img { width: 80px; margin: 0px 0 0 0px; }

.crop_message_image_to_h { width: 80px; overflow: hidden; }
.crop_message_image_to_h img { height: 80px; margin: 0px 0 0 0px; }
/************** Ancors ****************************************************/
.SideMenu{
    
}
.SideMenu a {display: block}
.SideMenu a:link,.SideMenu a:visited {text-decoration: none; color: black;}
.SideMenu a:hover {text-decoration: underline; color: red;}
.SideMenu a[name]:hover {text-decoration: inherit; color: inherit; background: inherit}

#VenueSelector {
    display: none;
    border-width: 1px;
    border-style:solid;
    background-image: url('templates/hexicon_gamer/images/s5_dark_bg.png');
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -200px;
    color: #95999c;
}

#web_Panel_container {        
    height: auto ;
    min-height: 100px;
    min-width: 50%;
    height: 400px;
    width: 100%;
    overflow:auto;
    margin: 0 auto;
}

#VenueSelector_mobile {
    display: none;
    border-width: 1px;
    border-style:solid;
    background-image: url('templates/hexicon_gamer/images/s5_dark_bg.png');
    position: fixed;
    top: 0%;
    left: 0%;
    margin-left: 0px;
    margin-top: 0px;
    color: #95999c;
}

#web_Panel_container_mobile {        
    height: auto ;
    min-height: 290px;
    min-width: 315px;
    height: 290px;
    width: 315px;
    overflow:auto;
    margin: 0 auto;
}

.twrap {
    overflow: hidden;
}


.button2{
	padding:6px;
	padding-top:5px;
	margin-top:14px;
	margin-bottom:0px;
	font-weight: bold;
	border:none;
	text-decoration: none; 
	font-size:0.9em;
    color: #fff;
	background: #010101; /* Old browsers */
	background: -moz-linear-gradient(top, #161676 0%, #010101 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#161616), color-stop(100%,#010101)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #161676 0%,#010101 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #161676 0%,#010101 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #161676 0%,#010101 100%); /* IE10+ */
	background: linear-gradient(top, #161676 0%,#010101 100%); /* W3C */
	-pie-background: linear-gradient(top, #161676 0%,#010101 100%); /* IE */
	border:solid 1px #121212;
}

.button2:hover {
background: #0E0E0E; /* Old browsers */
background: -moz-linear-gradient(top, #161696 0%, #0E0E0E 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#161616), color-stop(100%,#0E0E0E)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #161696 0%,#0E0E0E 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #161696 0%,#0E0E0E 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #161696 0%,#0E0E0E 100%); /* IE10+ */
background: linear-gradient(top, #161696 0%,#0E0E0E 100%); /* W3C */
-pie-background: linear-gradient(top, #161696 0%,#0E0E0E 100%); /* IE */
}

.button2 {
	margin:0px;
	margin-top:0px;
	display:inline;
	margin-right:8px;
}

.Deletebutton{
    color: #444;
}

.Deletebutton:hover{
    color: #fff;
    cursor: pointer;
}
/*****  Region CSS *************/
#RegionSelector {
    display: none;
    border-width: 1px;
    border-style:solid;
    background-image: url('templates/hexicon_gamer/images/s5_dark_bg.png');
    position:absolute;
    top:-50px;
    left: 50%;
    margin-left: -300px;
    margin-top: -5px;
    color: #95999c;
}

#Region_web_Panel_container {
    height: auto ;
    min-height: 100px;
    min-width: 600px;
    height: 200px;
    width: 600px;
    overflow:auto;
    margin: 0 auto;
}

.CursorStyle111{
    cursor: pointer;
}

#VenueSelector,#RegionSelector thead {
    background-color: #444;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color:#111;
    border-left-color: #111;
    border-bottom-color: #111;
    border-top-color: #111;
}

.cssTagSelected{
    color: #454545;
    cursor: pointer;
}

.cssTagSelected:hover{
    color: #010101;
    cursor: pointer;
}

.cssTagUnselected{
    background-color:inherit;
    cursor: pointer;
}

.cssTagInactive{
    background-color: #EAEAEA;
}

.no_overlay {
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.6);
}

.modal {
    width: 535px;
    position: fixed;
    top: 40%; 
    left: 50%;
    margin-top: -180px;
    margin-left: -265px;    
    z-index: 11; /* 1px higher than the overlay layer */
    
    border-radius: 5px;
    background-image: none;
	background-color: #FFF;
	padding: 5px;
	box-shadow: 3px 3px 5px #222;
	border: 1px solid #F0F0F0;
}

#MealSelectionArea2{
    width: 535px;
    height: 360px;
    overflow:auto;
}

.classFadeOut {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.2s, opacity 0.2s linear;
}
.classFadeIn {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.2s linear;
}


/* Friends Panel */
#FriendsList {    
    border-width: 1px;
    border-style:solid;
    background-image: url('templates/hexicon_gamer/images/s5_dark_bg.png');   
}

#friends_Panel_container {
    height: auto ;
    min-height: 100px;
    min-width: 100%;
    height: 100px;
    width: 100%;
    overflow:auto;
    margin: 0 auto;

}

#FriendsList thead {
    background-color: #444;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color:#111;
    border-left-color: #111;
    border-bottom-color: #111;
    border-top-color: #111;
}


/* FB _ Friends Panel */
#FriendsInvites {
    border-width: 1px;
    border-style:solid;
    background-image: url('templates/hexicon_gamer/images/s5_dark_bg.png');
}

#FriendsInvites_Panel_container {
    height: auto ;
    min-height: 400px;
    min-width: 100%;
    height: 400px;
    width: 100%;
    overflow:auto;
    margin: 0 auto;

}

#FriendsInvites thead {
    background-color: #444;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color:#111;
    border-left-color: #111;
    border-bottom-color: #111;
    border-top-color: #111;
}



.video_img { position: relative; }

.video_img span {
   position: absolute;
   display: block;
   background: url(images/stories/PlayButton.png);
   height: 50px;
   width: 50px;
   top: 40px;
   left: 90px;
}


/********* Customer CSS Pase ************************/
.ThinBorder{
    border-right-style: solid;
    border-left-style: solid;    
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-color:#eee;
    border-left-color: #eee;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #eee;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #eee;
}

.ThinBorder thead{
    
    font-weight:bold;
    color:#fff;
}

.ThinTD{
    border-color:#111;
    border-style:solid;
    border-width:thin;
}

.ThinBorder2{
    border-right-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-color:#333;
    border-left-color: #333;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #333;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #333;
}

.ThinBorder2 thead{

    font-weight:bold;
    color:#fff;
}

.CalenderClass{
    background-color: #050505;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color:#111;
    border-left-color: #111;
    border-bottom-color: #111;
    border-top-color: #111;  
}

.CalenderClass td{        
    border-left-style: solid;    
    border-top-style: solid;    
    border-left-width: 1px;    
    border-top-width: 1px;    
    border-left-color: #111;    
    border-top-color: #111;
}

.CalenderClass #TodayID{
/*background-color:#99E;*/
background-color:#FFF;
color:#222;
}

.CalenderClass #NotTodayID{
background-color:#222;
color:#FFF;
}


.uploaddate{
    font-size: 10px;
    font-style: italic;
}

.SmallDate{

    color: #666666;
    font-style: italic;
    font-weight: lighter;
    font-family: 'Times New Roman',Times,serif;
    font-size: 12px;
}
.RemoveOutline{
    text-decoration:none;border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;
}
.ContentArea{
    margin:0 auto;
    background-color:#f7fafb;
    border-right: #000033 1px outset;
    border-top: #000033 1px outset;
    border-left: #000033 1px outset;
    border-bottom: #000033 1px outset;

}

.ContentHeight{
     width:100%;
     min-height:291px;
     height:auto;
     height:291px;
}
/********** Customer Report **************************/
.ReportMain
{
    background-color:#f7fafb;
    border-color:#dbe7eb;
    color: #000;

    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
}

.ReportMain input
{
    background-color:#dceaf7;
    color: #000;
    border: 1px;
    border-style:solid;
}

.ReportMain select
{
    background-color:#dceaf7;
    color: #000;
    border: 1px;
    border-style:solid;
}



.ReportGeneralHeader{
    font-weight:bold;
    background-color:#ffffff;
    border-color:#000033;
    color:#006699;
    text-align:center;
    font-size:10pt;
}


.ReportSubHeader{
    font-weight:bold;
    background-color:#ffffff;
    border-color:#000033;
    color:#000033;
    border-right: #000033 1px solid;
    border-top: #000033 1px solid;
    border-left: #000033 1px solid;
    border-bottom: #000033 1px solid;
}

.ReportSubHeader2{
    font-weight:bold;
    background-color:#CCCCCC;
    text-align:left;
}

.ReportStructure{
    background-color:#99cccc;
    border-color:#dbe7eb;
    color:#000033;
}

.ReportListTitle{
    color:#111111;font-weight:bold;
}

.ReportListField{
    color:#111111;
}

.ReportListDate{
    color:#0000aa;
}

.ReportListOddRows{
    color:#003366;
    background-color:#f2f5f7;
    vertical-align: middle;
    border-color:#dbe7eb;
}

.ReportListCommands{
    color:#003366;
    background-color:#66ccff;
    vertical-align: middle;
    border-color:#dbe7eb;
}

.ReportListOddRows a{
    /*text-decoration:none;*/
    color:#006633;
}
.ReportListOddRows span{
    /*text-decoration:none;*/
    color:#006633;
}


.ReportListEvenRows{
    color:#006699;
    background-color:#dbe7eb;
    vertical-align: middle;
    border-color:#dbe7eb;
}
.ReportListEvenRows a{
    /*text-decoration:none;*/
    color:#0000aa;
}
.ReportListEvenRows span{
    /*text-decoration:none;*/
    color:#0000aa;
}


.ReportListFooter{
    color:#111111;font-weight:bold;
}

.ReportWarning{
    color:#bb2211;/*font-weight:bold;*/
}

.MenuListOddRows{
    color:#0000ff;
    background-color:#ccffff;
    vertical-align: middle;
    cursor:pointer;
    text-align:center;
}
.MenuListOddRows a{
    /*text-decoration:none;*/
    color:#0000aa;
}

.MenuListEvenRows{
    color:#0000ff;
    background-color:#ccffcc;
    vertical-align: middle;
    cursor:pointer;
    text-align:center;
}
.MenuListEvenRows a{
    /*text-decoration:none;*/
    color:#0000aa;
}
a{
    /*text-decoration:none;*/
    color:#003366;
}

.CommentListOddRows{
    color:#0000ff;
    background-color:#ccffff;
    vertical-align: middle;
    border-color:#cfffff;
}
.CommentListOddRows a{
    color:#006633;
}
.CommentListOddRows span{
    color:#006633;
}


.CommentListEvenRows{
    color:#0000ff;
    background-color:#ccffcc;
    vertical-align: middle;
    border-color:#ccffcc;
}
.CommentListEvenRows a{
    color:#0000aa;
}
.CommentListEvenRows span{
    color:#0000aa;
}

/******* Countdown CSS ********************/

#defaultCountdown { width: 240px; height: 45px; }

#glowingLayout span { display: block; float: left; width: 34px; height: 50px;
	background: url(images/stories/countdownGlowing.gif) no-repeat 0px 0px; }
#glowingLayout span.image0 { background-position: -0px 0px; }
#glowingLayout span.image1 { background-position: -34px 0px; }
#glowingLayout span.image2 { background-position: -68px 0px; }
#glowingLayout span.image3 { background-position: -102px 0px; }
#glowingLayout span.image4 { background-position: -136px 0px; }
#glowingLayout span.image5 { background-position: -170px 0px; }
#glowingLayout span.image6 { background-position: -204px 0px; }
#glowingLayout span.image7 { background-position: -238px 0px; }
#glowingLayout span.image8 { background-position: -272px 0px; }
#glowingLayout span.image9 { background-position: -306px 0px; }
#glowingLayout span.imageDay { background-position: -340px 0px; }
#glowingLayout span.imageSep { background-position: -374px 0px; }
#glowingLayout span.imageSpace { background-position: -408px 0px; }



.DiviceWidthChanged3{
    width:33%;
}

.DiviceWidthChanged4{
    width:25%;
}