﻿/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, td, dt, dd, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}
body{
	text-align:left;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.78em;
	color:#000066;
}

.content table
{
    margin: 0;
    padding: 0;
    border:1;
}
.content th
{
    background-color: #12A0E8;
    padding:2px 2px 2px 2px;
    border: 0;
    margin: 0;
}
.content td
{
    padding:2px 2px 2px 2px;
    border: 0;
    margin: 0;
}

.content a:link {  color: #0000CC; text-decoration: underline}
.content a:visited { color: #666699; text-decoration: underline}
.content a:hover {  color:#666699; text-decoration: none}

/* look and feel for crystal report */
.crystal a:link {text-decoration: none}

.crtoolbar td 
{
    padding:0px 0px 0px 0px;
}

p  {margin: 1em 0;}

/*****************************************************************/


#header{
	height:100px; 
	position:relative;
/*	background-image:url(Images/he);
	background-repeat:repeat-x;
	background-color:#FFFFCC;
*/
}
#logo{
	position:absolute;
	top:11px;
	left:11px;
}
#banner{
	margin:0 152px;
	text-align:center;
}


#subnav {
	overflow:hidden;
	margin-bottom:40px;
}
* html #subnav tr {height:1.4em;}
#subnav .item 
{
	border-top:1px solid #FFFFFF;
	background-color:#DAF1FB; 
	color:#000000; 
}
.item td
{
    padding: 5px;
}
#subnav .selected {
	background-color:#12A0E8; 
	color:#000000;
	font-weight:bold;
}
#subnav .hover {
	color:#000000; 
	background-color:#12A0E8;
    font-style:italic;	
}
#subnav table {border-bottom:1px solid #FFFFFF;}
#subnav table {border-bottom:none;}



#footer {
	clear:both;
	margin:1px 5px;
	padding:2px 20px;
	border:1px solid #999999;
	background-color:#FFFFFF;
	font-size:0.9em;
}
#footer a {
	margin:1px 5px;
	color:#FF284E;
}


.default a:link {  font-family: Arial, Helvetica, sans-serif; color: #663300; text-decoration: underline}
.default a:visited {  font-family: Arial, Helvetica, sans-serif; color: #663300; text-decoration: underline}
.default a:hover {  font-Family: Arial, Helvetica, Sans-serif; color:#990099; text-decoration: none}


.claimTable th
{
	font-size: 12pt;
	font-weight: bold;
	background-color: #FFE684;
	color: #0000CC;
}
.claimTable
{
    background-color: #FFFFCC;
}

table.box
{
	font-size: 9pt;
    background-color: #DAF1FB;
    color:#0000CC;
    border-width: 1px;
    border-color: #CCCCCC;
}

.box th
{ 
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #fff; /* 12A0E8 */
    border-collapse:collapse;
}

table.box2
{
	font-size: 9pt;
    background-color: #FFFFCC;
    color:#0000CC;
    border-width: 1px;
    border-color: #CCCCCC;
}

.box2 th
{ 
    font-size: 10pt;
    font-weight: bold;
    color: #0000CC;
    background-color: #FFE684;
}

/****  groups/employers  ********/

table#enrollmentTable
{
    background-color: #E0ECFF;
    color: #4A3C8C;
    border-width: 1;
    border-color: #CCCCCC;
    width: 600px;
    font-size: 8pt;
}
th#enrollmentTableHeader
{
    background-color: #119DE7;
    font-size:12pt;
}





.summaryBenefits
{
    background-color :#12A0E8;
}
.summaryBenefits td
{
    background-color :#FFFFFF;
}
.summaryBenefits th
{
    color: #FFFFFF;
    background-color :#12A0E8;
    font-size: 12pt;
    font-weight: bold;
}


.claimDetail th
{ 
    font-size: 8pt;
    font-weight: bold;
    color: #000066;
    background-color: #FFE684;
    border-collapse:collapse;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

.claimDetail tbody
{
    background: #FFFFCC;
}

.gvFont table
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9pt;
}

/*  Used for the alpha listing on the (My Members ViewMembersForPcp) with skin file */
.BigFont{font-family: Arial, Helvetica, sans-serif; font-size: 13pt; color:Black; font-weight: bold;}
.RegFont{font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}


/*********************************** old **********************************************/



DIV#Banner
{
	position:absolute;
	left:10px;
	top:10px;
	height:80px;
	width:480px;
	background-color:Silver;
	font-family:Comic Sans MS;
	font-size:xx-large;
	text-align:center;
	border:dotted 1px;
}
DIV#menu
{
	position:absolute;
	left:10px;
	top:110px;
	height:280px;
	width:110px;
	background-color:Silver;
	border:dotted 1px;
}
DIV#mastercontent
{
	padding: 10px 10px 10px 10px;
	position:absolute;
	left:130px;
	top:110px;
	height:260px;
	width:340px;
	background-color:White;
	border-width:0;
}


.EOB table
{
     border: solid 1px #CCCCCC;
     border-collapse: collapse;
     border-spacing: 1px;
     font-size: 9pt;
     background-color: #CCCCCC;
}
.EOB th
{
     color: #FFFFFF;
     background-color: #119DE7;
}
.EOBFooter 
{
    background-color: #CCCCCC;
    font-weight: bold;
}
.providerProfile table
{
     border: solid 1px #CCCCCC;
     border-collapse: collapse;
     border-spacing: 1px;
     font-size: 9pt;
     background-color: #CCCCCC;
}
.providerProfile th
{
    color: #FFFFFF;
    background-color: #119DE7;
}

tr.row0 td {
	background-color: #FFFFFF; color: black;
}
tr.row1 td {
	background-color: #E0ECFF; color: black;
}

/****** asp textbox style ********/

input.textBox
{
    background-color: #FFFFFF;
    border-color:#7f9db9;
    border-style:Solid;
    border-width:1px;
    padding:1px;
    margin:1px;
}

input.textBoxErr
{
    background-color: #FFFFFF;
    border-color:#FF0000;
    border-style:Solid;
    border-width:1px;
    color: #FF0000;
    padding:1px;
    margin:1px;
}

input.required
{
    background-color: #FFFF99;
    border-color:#7f9db9;
    border-style:Solid;
    border-width:1px;
    padding:1px;
    margin:1px;
}

select.combobox
{
    background-color: #FFFFFF;
    border-color:#7f9db9;
    border-style:Solid;
    border-width:1px;
    padding:0px;
    margin:1px;
}

select.required
{
    background-color: #FFFF99;
    border-color:#7f9db9;
    border-style:Solid;
    border-width:1px;
    padding:0px;
    margin:1px;
}

/****** asp label style ********/

.label
{
    color: #333;
}

.labelErr
{
    color: #FF0000;
}

.smallFont
{
    font-size:7.5pt;
    color: #000066;
}

/****** Provider search css ******/


div#providerSearch
{
    font-size: 11px;
	font-family: Arial,Verdana, Geneva;
	color: #48402A;
	padding: 0px;
    margin: 0px;
}

.providerSearch
{
	font-family: Arial,Verdana, Geneva;
	color: #000066;
	padding: 0px;
    margin: 0px;
}

.searchInput
{
    background-color: #FFFFFF;
    border-color:#FF0000;
    border-style:Solid;
    border-width:1px;
}

div#providerSearchResult
{
    font-size: 11px;
	font-family: Arial,Verdana, Geneva;
	color: #48402A;
	padding: 0px;
    margin: 0px;
}

.providerSearchHeader th
{
    font-weight: bold;
    background-color: #48402A;
    color:#FFFFFF;
    font-size:8pt;
}

#providerSearch strong {
	font-weight: bold;
	color: #4D5798;
}

div.divider{}
div.divider img
{
    width:100%;
	background-color: #E4E0D5;
	height: 2px;
	margin: 0px;
	padding: 0px;
}


/****** HSP-17930 - Added for resources lists ******/

ul.resources
{
	margin-left:20px; 
	line-height:1.5;
}

li.resources
{
	list-style-type:square;
	color: #87CEEB
}


/******* Talk to Us page *********/

table.talkToUs 
{
	background-color: #FFFFCC;
	color: #4A3C8C;
	margin: 4px;
	padding: 0;
	border-right: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
}
td.talkToUs 
{
    background-color: #FFFFCC;
    color: #4A3C8C;
    font-size: 10pt;
    padding: 5px 10px 5px 5px;
}
td.talkToUsHeader 
{
	background-color: #FFE684;
	color: #4A3C8C;
	font-size: 12pt;
    padding: 5px 10px 5px 5px;
}




/*** New styles****/
.findMember
{
    border-width:0px;
    width:100%;
}

.alignRight
{
    text-align:right;    
}


.displayInline
{
   display:inline;
}

.labelTitle
{
    vertical-align:top; text-align:left;    
}

.processTable
{
    background-color: #FFFFCC;
    border-spacing:0px;
}

.processTable th
{
	font-size: 10pt;
	font-weight: bold;
	background-color: #FFE684;
	color: #0000CC;
    vertical-align:top; 
    text-align:left; 
	
}

.processTable td
{
  padding:0px;
}


.processTableBorder
{
    border-style:solid;
    border-width:0px;       
}

.processTableBorder table:first-child
{    
    padding:0px;
    width:100%;
}
.processTableBorder table:nth-child(2)
{
    border-width:0px;
    border-style:solid;    
    border-top-width:0px;
    padding:2px;
}


.boxxx
{
    border-width:1px; border-color:#CCCCCC;
    background-color:#FFFFCC;
    border-spacing:1px;
    border-style:solid;
    padding-bottom:5px;
}

.boxxx table
{
	font-size: 9pt;
    border-width: 1px;
    border-color: #CCCCCC;
}

.boxxx th
{ 
    font-size: 10pt;
    font-weight: bold;
    color: #0000CC;
    background-color: #FFE684;
}


/*CollapsiblePanel*/

.collapsePanelTable
{
    border-spacing:0px;
} 

.collapsePanelTable th
{
    background-color:#0E7DB7;
    color:#FFFFFF;
}

.collapsePanelController
{
    color:#FFFFFF;
	cursor:pointer;
}

.collapsePanel 	
{
	padding:0px 0px 0px 2px;	
    border-width:1px; 
    border-color:#CCCCCC;
    border-style:solid;	
}

.collapsePanel th
{
    background-color:#0E7DB7;
	height:15px;
	color:#FFFFFF;
	font-weight:bold;
}

.collapsePanel th .label
{    
	color:#FFFFFF;
	cursor:pointer;
}

.labelCollapseExpand
{
  color:#0000CC;
  text-decoration: underline;    
}

.labelCollapseExpand:hover
{
  cursor:pointer;
  text-decoration:none;
}

.headerCollapsePanel legend
{    
    background-color:#0E7DB7;
	color:#FFFFFF;
	font-weight:bold;
	width:inherit;
}

.grid td
{
	padding: 1px 3px 1px 3px;
}



.gridHeader th
{
	font-weight: bold;
	background-color: #F0F0F0;
	text-align:left;
	color:#333;
	font-size:8pt;
	cursor:default;
}

.gridHeader .alignRight
{
	text-align:Right;
}

.gridHeader a:link
{
	color:#333; text-decoration:underline;
}
.gridHeader a:visited
{
	color:#333; text-decoration:underline;
}
.gridHeader a:hover
{
	color:#333; text-decoration:none;
}
.gridHeader a:active
{
	color:#333; text-decoration:underline;
}


.gridItem
{
    background-color: #FFFFFF;
}

.gridItem:hover
{
    background-color:#EFEFEF;
}

.gridAltItem
{
    background-color: #F8F8F8;
}

.gridAltItem:hover
{
    background-color: #EFEFEF;
}

.gridItemSelected
{
    color:#000000; border-color:#0000EE; border-width:2px; background-color:#FFFFE0;
}
.gridHover
{
    background-color:#EFEFEF;
}

.gridPager
{
    color:#000000; background-color:#AAAAAA;
    border-width:1px; font-weight:bold; font-size:1.2em; 
}

.gridFooter
{
    color:#FFFFFF;
}


/*Modal Popup*/
.modalBackground 
{
	background-color:#CCCCCC;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup 
{
	background-color:#FFFFdd;
	border-width:3px;
	border-style:solid;
	border-color:#CCCCCC;
	padding: 3px;
	width:250px;
}

.modalPopup p 
{
    padding: 5px;
}

.verticalLine 
{
   background-color:#CCCCCC; 
   width: 1px; 
   height: 20px;      
}

.attachmentControl
{
    width:100%;
}

.attachedFilesLabel 
{
    font-weight:bold; 
    display:block;
}

.attachmentFileName
{
    padding: 0px 1px 0px 5px;   
}

.label .attachmentFileNameLast
{
    padding: 0px 1px 0px 5px; 
}

.attachmentDeleteImage
{
    background-repeat:no-repeat;
    padding: 0px 5px 0px 0px;
}

.attachmentDeleteImage:hover
{     
    padding: 0px 5px 0px 0px;
}

.attachedFilesTable
{
    
}

.divSSOMessage
{
    text-align:center;
    font-weight:bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

td.EligibilitySearchParameterCell 
{
	border: 1px solid #CECECE;
	padding: 2px 4px;
}

tr.EligibilitySearchNotes
{ 
    font-size: 7.5pt;
     background-color: #f3f3f3;
    background-image: linear-gradient(#f8f8f8, #eeeeee);
}

#TrackingNumber
{
    font-weight:bold;
    color:#333399;
    font-style:italic;
  
}

DIV#LanguageLink
{
    text-align:center;   
}

#LanguagesSelection table
{
    margin: 10px 0px 100px 10px; 
    background-color: White;
}

#LanguagesSelection th
{
    background-color:White; 
    font-size: 2em; 
    font-weight: normal;
}

#LanguagesSelection td
{
    padding: 20px 20px 5px 20px;
}


.loginTitle
{
    font-weight: bold;
    background-color: #12A0E8;
}

.loginTitle .label
{
    color: #FFFFFF;
}

.td-reCAPTCHA
{
    width:250px;
    padding-left:120px;
    transform:scale(.99);
}

.td-reCAPTCHA-Spacer
{
    width: 100px;
}

.g-recaptcha
{
    width:250px;
}

.rc-anchor-center-container
{
    width:90px;
}

/*************
Custom styles added by Chris Koenig 3/22/2016
**************/
table.hsp-grid-banding {
	background-color:#CCCCCC;
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid;
	font-size:9pt;
	width:100%;
	border-collapse: collapse;
}

table.hsp-grid-banding tr:nth-child(2n) {
  background-color:white;
}

table.hsp-grid-banding tr:nth-child(2n+1){
  background-color:#F8F8F8;
}

table.hsp-grid-banding tr:hover {
  background-color:#EFEFEF;
  cursor: default;
}

#loading {
    width: 50px;
    height: 57px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
}

i {
margin-right: 1px;
}

/* added by Jacob */
#ctl00_TableRow1 {
    display: none;
}
table.box2 {
    border: 1px solid #aaa;
    color: #333;
    background-color: #fff;
}
.box2 th {
    background-color: #f3f3f3;
    background-image: linear-gradient(#f8f8f8, #eeeeee);
    border-bottom: 1px solid #aaa;
    padding: 8px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}
label {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    color: #333 !important;
    font-weight: bold;
}
#ctl00_CompanyLogo_2 {
    position: relative;
    top: -1px;
    width:159Px;
}
#ctl00_TableCell4 {
    text-align: center;
}
.k-gantt .k-treelist .k-alt.k-state-selected, .k-gantt .k-treelist .k-alt.k-state-selected > td, .k-gantt .k-treelist .k-state-selected, .k-gantt .k-treelist .k-state-selected td, .k-grid td.k-state-selected, .k-grid td.k-state-selected.k-state-focused, .k-grid tr.k-state-selected, .k-listview > .k-state-selected, .k-marquee-color, .k-scheduler .k-today.k-state-selected, .k-scheduler-layout .k-state-selected, .k-state-selected.k-line {
    background-color: #00b0ff;
}
#ctl00_Banner .label,
#ctl00_Banner2 .label,
#ctl00_TableFooterRow1,
#ctl00_TableFooterRow1 .label {    color: #8b8b8b;
}
#ctl00_Banner a:link,
#ctl00_Banner a:visited,
#LanguageLink a:link,
#LanguageLink a:visited, {
    color: #000;
}
/* login box */
.login-box {
    color:#333;
    background-color: #f3f3f3;
    background-image: linear-gradient(#f8f8f8, #eeeeee);
    border: 1px solid #aaa;
}
.login-box .loginTitle {
    color: #333;
    background-color: transparent;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}
.loginTitle .label {
    color: #333;
}
.ITransactLogon #ctl00_MasterPlaceholder_lblCookie, #copyright {
    display: inline-block;
    text-align: center;
    width: 100%;
}
#ctl00_MasterPlaceholder_CompanyLogo_logon {
    position: relative;
    top: -3px;
}
/* menu */
#subnav {
    text-align: left;
    background-color: #f3f3f3;
    background-image: linear-gradient(#f8f8f8, #eeeeee);
}
#subnav .item {
    background-color: transparent;
    color: #333;
}
#ctl00_MasterMenu {
    float: none !important;
}
#ctl00_MasterMenu ul.static {
    width: 100% !important;
}
#ctl00_MasterMenu a.level2:after {
    content: "";
    color: #fff;
}
#subnav .ctl00_MasterMenu_5 .item a {
    padding: 5px;
    display: block;
    width: 100%;
    cursor: pointer;
}
#subnav a:hover {
    font-style: normal;
    color: #000;
}
.item td {
    padding: 0;
}
#ctl00_MasterMenu a.level2 {
    /*background: #434343 none repeat scroll 0 0;*/ /*commented by sofia shrestha 08-11-12 task#67848 */
    background: #009A7A none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    padding: 5px 10px;
    -webkit-box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.2);
}

.welcome-message-header {
    background: #FFFFFF;
    width:95%;
    margin-top:20px;

}

#welcome-imp-information {
    background: #FFFFFF;
    width: 47%;
    margin-top:0px;
    padding-right:20px;
}

.content #welcome-message a:link {
    Font-weight: 900;
    font-size: 110%;
}

.content #portal-news a:link {
    Font-weight: 900;
    font-size: 110%;
}



#welcome-attention {
    background: #FFFFFF;
    width:47%;
    margin-top: 0px;
    position: relative;
    vertical-align:top;
}

#welcome-links {
    background: #FFFFFF;
    width: 18%;
    margin-top:20px;
    padding-right:20px;
}

#welcome-footer {
    background-color: #00539F;
    text-align: center;
}


#events-links {
    background: #FFFFFF;
    width: 18%;
    margin-top: 20px;
    padding-right: 20px;
}




#ctl00_MasterMenu a.level3 {
    background: #f0f0f0 none repeat scroll 0 0;
    border-left: 1px solid #cccccc;
    padding: 5px 10px;
}
#ctl00_MasterMenu a.level3:hover {
    background: #fff none repeat scroll 0 0;
}
/* menu toggle switches */
.level2 {
    position: relative;
}
.toggler {
    display: inline-block;
    font-size: 20px; /* 1 */
    height: 1em;
    width: 2em;
    background: #BDB9A6;
    border-radius: 1em;
    position: absolute;
    top: 0;
    right: 0;
}
.switch input {
    position: absolute;
    opacity: 0;
}
.switch {
    background: #a5a5a5 none repeat scroll 0 0;
    border-radius: 0.75em;
    display: inline-block;
    font-size: 20px;
    height: 0.75em;
    width: 1.5em;
    position: absolute;
    right: 5px;
    top: 8px;
}
.switch div {
    background: #f0f0f0 none repeat scroll 0 0;
    border-radius: 0.75em;
    box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.3);
    height: 0.75em;
    width: 0.75em;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
}
.switch input:checked + div {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
#ctl00_MasterMenu li a.level3 {
    display: none;
}
#ctl00_MasterMenu li.open a.level3 {
    display: block;
}
/* logoff */
#ctl00_MasterMenu li:last-child a {
    background: #a5a5a5 none repeat scroll 0 0;
}
#ctl00_MasterMenu li:last-child .switch {
    display: none;
}
#ctl00_MasterMenu li:last-child a:after {
    color: #fff;
    font-family: FontAwesome;
    content: "\f08b";
    position: absolute;
    right: 5px;
    top: 8px;
}

/* forms */
select.combobox, input.textBox {
    background-color: #f8f8f8;
    border: 1px solid #888;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
    color: #333;
    font: 12px/16px Arial,sans-serif;
    margin: 0;
    padding: 4px;
    transition: border 0.1s ease 0s, box-shadow 0.1s ease 0s;
}
input[type=button], input[type=submit] {
    background-color: #e5e5e5;
    background-image: linear-gradient(#eeeeee, #dddddd);
    border: 1px solid #969696;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.75) inset;
    color: #444;
    display: inline-block;
    font: bold 11px/22px Arial,sans-serif;
    padding: 0 8px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}
input[type=button]:hover, input[type=submit]:hover {
    cursor: pointer;
    opacity: 0.75;
}
/* grid styling */
.k-grid-header .k-header {
    background-color: #f0f0f0;
}
.k-grid-header .k-header .k-link {
    color:#333;
}
.k-alt {
    background-color: #f9f9f9 !important;
}
.k-alt:hover {
    background-color: #ebebeb !important;
}
.k-grid td.k-state-selected, .k-grid tr.k-state-selected, .k-listview > .k-state-selected, .k-state-selected .k-progress-status {
    color: #000;
}
.k-grid tr.k-state-selected {
    background-color: #ebebeb !important;
}
/* calendar icons */
#anchorCalFrom img,
#anchorCalTo img,
#anchorCalFrom2 img,
#anchorCalTo1 img,
#anchorCalFrom5 img,
#anchorCalTo6 img,
.EligibilityVerificationSearch tr td.EligibilitySearchParameterCell:last-child a img,
.EligibilityVerificationSearch tr td.EligibilitySearchParameterCell:nth-last-child(2) a img {
    display:none;
}
#anchorCalFrom:after,
#anchorCalTo:after,
#anchorCalFrom2:after,
#anchorCalTo1:after,
#anchorCalFrom5:after,
#anchorCalTo6:after,

.EligibilityVerificationSearch tr td.EligibilitySearchParameterCell:last-child a:after,
.EligibilityVerificationSearch tr td.EligibilitySearchParameterCell:nth-last-child(2) a:after {
    font-family: FontAwesome;
    content: "\f073";
    font-size: 14px;
    color:#333;
}


/*Global Header Style */
.globalHeader {
  background: linear-gradient(to bottom, rgb(81,130,192), rgb(104,153,215) );
  border: 1px solid white;
  color: white;
   text-shadow: 0 1px 2px rgba(0,0,0,0.25);
   font-size: 15px;
   font-weight: bold;
   width: 100%;
   padding: 5px ;
   text-align: center;
}