/* CSS Document */

/*http://protofluid.com/ to view  4runner1*/

html, body {
	background: Lavender;
	margin: 0px;
	padding: 0px;
	font: normal 14px/16px Helvetica, Sans-serif;
	text-align: center;
}
/*------------------------*/ 

.cursHair {cursor:crossHair}
.cursHand {cursor: pointer}
.cursHelp {cursor:help} 

.form { margin-top: 0; margin-bottom: 0; }

/*------------------------*/ 

A:link {text-decoration: none;}
A:visited {text-decoration: none;}
A:active {text-decoration: none;}
A:hover {text-decoration: none;}

/*
.linkEmbed_1{color:#FFFFFF !important;} /*use when under image in white*/

.BodyWhite
{background-color: #FFF;}

.BodySmall 
{background: transparent !important; margin: 0px;}


/*----------------------------------------------------- FORMAT TO HIDE COMPLETELY mostly for TR pages*/

#divShield_1_Lavender, #divShield_2_Lavender { /*blanket cover*/
	position:absolute;
	width:100%;
	height:100%;
	background-color:Lavender; /*#E6E6FA*/
	border:1px none #000000;
	z-index:999;
	left: 0px;
	top: 0px;
}

#divShield_2_Lavender{ /*include spinner code in page*/
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.divBasic_1
{
	background-color:#FFFFFF;
	padding:12px 12px 12px 12px;
	margin-left:auto;
	margin-right:auto;
	
	width:30%;


    -webkit-border-radius: 16px;
    border-radius: 16px;
}

/*----------------------------------------------------------------------------------------------------*/



/*------------------------   text start*/
.txt_9_NoteItal
{font-size:10px; COLOR: #666666; font-style: italic;}

.txt_10_Nrm, .txt_10_Bld
{font-size:10px;}
txt_10_Bld
{font-weight: bold;}

.txt_12_View {BACKGROUND:#F0F8FF; border: none; text-indent: 0pt;} 
.txt_12_item {font: 12px/14px Helvetica, Arial, Sans-serif; letter-spacing: -1px; color: #666; margin: 0px;}

.txt_12_Nrm, .txt_12_Bld {font-size:12px;} txt_12_Bld {font-weight: bold;}

.txt_14_Nrm, .txt_14_Bld, .txt_14_Ital {font-size:14px;}

.txt_14_Bld {font-weight: bold;} .txt_14_Ital {font-style: italic; font-size:14px; font-weight:400;}

.txt_16_BldCapDns {font: bold 14px/16px Helvetica, Arial, Sans-serif; letter-spacing: -1px; text-transform:uppercase;}

.txt_16_Nrm, .txt_16_Bld {font-size:16px;} .txt_16_Bld {font-weight: bold;}

.txt_18_Nrm, .txt_18_Bld {font-size:18px;} .txt_18_Bld {font-weight: bold;}

.txt_20_Nrm, .txt_20_Bld {font-size:20px;} .txt_20_Bld {font-weight: bold;}

.txt_22_Nrm, .txt_22_Bld {font-size:22px;} .txt_22_Bld {font-weight: bold;}

.txt_26_Nrm, .txt_26_Bld {font-size:26px;} .txt_26_Bld {font-weight: bold;}

.txt_28_Nrm, .txt_28_Bld {font-size:28px;} .txt_28_Bld {font-weight: bold;}

.txt_32_Nrm, .txt_32_Bld {font-size:32px;} .txt_32_Bld {font-weight: bold;}

.txt_36_Nrm, .txt_36_Bld {font-size:36px;} .txt_36_Bld {font-weight: bold;}


.txtDense_1 {letter-spacing: -1px;}

.txtWider_1 {letter-spacing: 1px;}
.txtWider_2 {letter-spacing: 2px;}

/*------------------------------------------------------------------------------   text end*/

/*Networks... http://stackoverflow.com/questions/787839/resize-image-proportionally-with-css#comment15533578_2711996*/
.imgResize_90-34 {height:auto; width:auto; max-width:90px; max-height:34px;}
/*-----------------  table head start*/
.TD_Head{
	background-color: #666666;
	font-size:12px;
	COLOR: #FFFFFF;
	text-align: center;
	font-weight: bold;
}

.TD_Head_14{
	background-color: #666666;
	font-size:14px;
	COLOR: #FFFFFF;
	text-align: center;
	font-weight: bold;
}
.TD_HeadNrm{
	font-size:10px;
	COLOR: #CCCCCC;
	font-weight: bolder;	
}


.TD_Head_A{
	background-color: #D2B48C;
	font-size:9px;
	COLOR: #000000;
	text-align: center;
	font-weight: normal;
}

.TD_Head_AB{
	background-color: #D2B48C;
	font-size:12px;
	COLOR: #990000;
	text-align: center;
	font-weight: bold;
}

.tHead
{
	background-color:#FFEFD5;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	border: 0px solid #FFFFFF;
} 

.TD_Head_22{
	background-color: #666666;
	font-size:22px;
	COLOR: #FFFFFF;
	text-align: center;
	font-weight: bold;
}

/*-----------------------------------------------------------------  table head end*/

/*-----------------------------------------------------------------  Main page header Start----------------------------*/
.TD_Logo{
	background-image: url(../images/CiGiLogo.gif);
	background-color: #990000;
}

.TD_HeadMainPage_1{
	background-color: #990000;
	font-size:15px;
	COLOR: #FFFFFF;
	font-weight: bold;
}

.TD_HeadMainPage_2{
	background-color: #990000;
	font-size:12px;
	COLOR: #FFFFFF;
	font-weight: bold;
}

.TD_HeadMainPage_3{
	background-color: #990000;
	font-size:12px;
	COLOR: #FFFFFF;
}

/*-------------------------------Main page header End----------------------------*/
.TD_White{
	background-color: #FFFFFF;
}

.TD_Item{
	background-color: #0099CC;
	font-size:9px;
	COLOR: #000000;
	text-align: center;
	font-weight: bold;
}

.TD_Item1{
	background-color: #0099CC;
	font-size:9px;
	COLOR: #000000;
	text-align: center;
	font-weight: normal;
}

.TD_Item2{
	background-color: #0099CC;
	font-size:11px;
	COLOR: #000000;
	font-weight: bold;
}

.TD_Item_A{
	background-color: #EDDEBA;
	font-size:9px;
	COLOR: #000000;
	text-align: center;
	font-weight: normal;
}

.TD_Detail{
	background-color: #F0F8FF;
	font-size:9px;
	COLOR: #000000;
	text-align: left;
	font-weight: normal;
}

.TD_Detail_12{
	background-color: #F0F8FF;
	font-size:12px;
	COLOR: #000000;
}

.TR_Detail_1{
	background-color: #F0F8FF;

	font-size:9px;
	COLOR: #000000;
	text-align: left;
	font-weight: normal;
}

.TR_Detail_2{
	background-color: #DBF5FD;

	font-size:9px;
	COLOR: #000000;
	text-align: left;
	font-weight: normal;
}

.TD_Detail_A{
	background-color: #FFEFD5;
	font-size:9px;
	COLOR: #000000;
	text-align: center;
	font-weight: normal;
}

.TD_Detail_A_NA{
	background-color: #FFEFD5;
	font-size:9px;
	COLOR: #000000;
	font-weight: normal;
}

.TD_V11_4_L_BoldRed{

	font-size:11px;	COLOR: #FF0000;	text-align: left;
	Font-Weight: bold;
} 

/*---------------------------------------------------------------------- TEXTFIELDS start */
.mystyle2 {
	BACKGROUND:#FFFFFF;
	COLOR:#000000;
	font-size:12px;
	COLOR:#000000;
	font-weight: normal;
	text-align: justify;
	border: 1px inset #FFFFFF;
	text-indent: 2pt;
}

.mystyle3 {
	BACKGROUND:#F0F8FF;
	COLOR:#000000;

	font-size:12px;
	COLOR:#000000;
	font-weight: bold;
	text-align: justify;
	border: 0px inset #999999;
	text-indent: 2pt;
}

.mystyle4 {
	BACKGROUND:#F0F8FF;
	COLOR:#000000;
	font-size:11px;
	COLOR:#000000;
	font-weight: normal;
	text-align: justify;
	border: 0px inset #999999;
	text-indent: 2pt;
}

.mystyle5 {
	BACKGROUND:#F0F8FF;
	height: 24px;
	font-size:14px;
	COLOR:#000000;
	font-weight: normal;
	text-align: center;
	border: 2px inset #EEEEEE;
	text-indent: 2pt;
}
.mystyle6 {
	BACKGROUND:#F0F8FF;
}


.mystyleWRN {
	BACKGROUND:#FFFFCC;
	COLOR:#000000;
	font-size:12px;
	COLOR:#000000;
	font-weight: normal;
	text-align: justify;
	border: 1px solid #B0C4DE;
	text-indent: 2pt;
}
/*------------------------------------------------------------------------------------+ textfield end */


/*---------------------------------------------- -------------------------------------FIELDSET START*/
/*http://www.webteacher.ws/2010/02/27/style-a-fieldset-with-rounded-corners-using-css/*/
.fieldset_1 {
-webkit-border-radius: 8px;
border-radius: 8px;
background:#EBEBEB;
background-color:#EBEBEB;
}

.fieldset_1 legend {
background: #FFFFFF; /*FF5A00**/
border: solid 1px black;
-webkit-border-radius: 8px;
border-radius: 6px;
padding: 3px 16px 3px 16px;
}

.fieldset_1 p
{
clear:both !important;
display:block;
text-align:center;	
margin-bottom:-4px;
}

.fieldset_1 .p_1
{
text-align:right;
margin-top:-8px;
margin-bottom:0;
}

.fieldset_1 .p_2 
{
display:block;	
text-align:center;	
padding-top:20px;
padding-bottom:5px;
}


.fieldset_1 hr {
width: 100%;
height: 1px;
margin-left: auto;
margin-right: auto;
background-color:#808080;
color:#808080;
border: 0 none;
margin-top: 10px;
margin-bottom:5px;
}

.fieldset_1 Label
{
float:left; /*make to take the whole space*/
width:100%;	
font-size:.8em;
padding-top: 0.4em;
margin-right: 1em;
color:#7E7A7A;
/*width: 5em;*/
}

.txtBox_6, .txtArea_6{
display:block  !important;
border-radius:6px;	 
font-size:1.25em;
border: 1px solid #bbb;
line-height: 1.8em;
text-indent: 2pt;
float: left;
font: normal Helvetica, Sans-serif; /*14px/16px*/
}

.txtArea_6{
font-family: Verdana, Arial, Helvetica, sans-serif;/*!!!*/
height: 3em;
}

/*---------------------------------------------------------WIDTHS*/

.wide_20P  {width: 20%;}

.wide_40P  {width: 40%;}
.wide_50P  {width: 50%;}
.wide_80P  {width: 80%;}
.wide_90P  {width: 90%;}
.wide_95P  {width: 95%;}
.wide_100P {width: 100%;}


/*---------------------------------------------------FIELDSET END*/


/*------------------------   display start*/
.visY {visibility:visible }
.visN {visibility:hidden }
.disN {display:none}
.disY {display:inLine}
/*------------------------   display end*/

/*------------------------   buttons start*/

.But3 { /*--Special smaller buttons start---buttons start*/
background-color: #DDDDDD;	
font-family: tahoma;
font-size: 7pt;
width: 30px;
color: #666;
height:17px;
font-weight: bolder;
}

.But3_H {
background-color: #CCFFFF;	
font-family: tahoma;
font-size: 7pt;
width: 30px;
color: #666;
height:17px;
font-weight: bolder;
}

.But3_Dis {
background-color:#DDDDDD;	
font-family:tahoma;
font-size:7pt;
width:30px;
color:#999;
height:17px;
}

.But3_1 {
	background-color: #CCF;
	font-family:tahoma;
	font-size:7pt;
	width:30px;
	color:#900;
	height:17px;
	font-weight: bolder;
}

/*-------------------*--Special smaller buttons end---*/


.but40_18 {
	WIDTH:40px;
	HEIGHT:18px;
	FONT-FAMILY:tahoma; 
	font-size:7pt; 
	COLOR:white; 
	background:#DDDDDD; 
	}

.but60_18 {
	WIDTH:60px;
	HEIGHT:18px;
	FONT-FAMILY:tahoma; 
	font-size:7pt; 
	COLOR:#333333; 
	background:#DDDDDD; 
	}

.but64_18 {
	WIDTH:64px;
	HEIGHT:18px;
	FONT-FAMILY:tahoma; 
	font-size:7pt; 
	COLOR:white; 
	background:#DDDDDD; 
	}	

.but65_18 {
	WIDTH:65px;
	HEIGHT:18px;
	FONT-FAMILY:tahoma; 
	font-size:7pt; 
	COLOR:#333333; 
	background:#DDDDDD; 
	}

.but72_18 {
	WIDTH:72px;
	HEIGHT:18px;
	FONT-FAMILY:tahoma; 
	font-size:7pt; 
	COLOR:#333333; 
	background:#DDDDDD; 
	}
	
.but85_18 {
	WIDTH:85px;
	HEIGHT:18px;
	FONT-FAMILY:tahoma; 
	font-size:7pt; 
	COLOR:#333333; 
	background:#DDDDDD; 
	}
	
.but100_18 {
	WIDTH:100px;
	HEIGHT:18px;
	FONT-FAMILY:tahoma; 
	font-size:7pt; 
	COLOR:white; 
	background:#DDDDDD; 
	}

.but150_25 {
	WIDTH:150px;
	HEIGHT:25px;
	FONT-FAMILY:tahoma; 
	font-size:9pt; 
	COLOR:Red; 
	background:#DDDDDD; 
	}
/*------------------------   buttons end*/

.Select1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px} 

	
UL {list-style:disc outside; font-family:Arial, sans-serif; font-size:100%; margin-top:0%; margin-bottom:0.75%}
UL.nest {list-style:circle outside; font-family:Arial, sans-serif; font-size:100%; margin-top:0%; margin-bottom:0.75%}
OL {list-style:decimal outside; font-family:Arial, sans-serif; font-size:100%; margin-top:0%; margin-bottom:0.75%}
OL.rom {list-style:lower-roman outside; font-family:Arial, sans-serif; font-size:100%; margin-top:0%; margin-bottom:0.75%}	


/*------------------------- print start*/
.printonly  
{display:none}

/*

@media print { 
.dontprint { display:none }
.printonly { display:inline} 
}

.dontprint 
{display:inline}
@media print { 
.dontprint { display:none }
}


/*------------------------- print end*/


/*=============================================Table with thin grid lines start ======================*/

.Table_Grid, .Table_LavenderGrid 
{border-collapse: collapse;}
    
.Table_Grid td, .Table_Grid th, .Table_LavenderGrid td, .Table_LavenderGrid th
{
	border: 1px solid silver;
	border-spacing:0px; 	
	empty-cells:show;
	padding-left:6px;
	padding-right:6px;	
}

.Table_LavenderGrid td, .Table_LavenderGrid th
{border: 1px solid Lavender;}

/*------------------------------------------------------*/
.Table_Grid_Round {
font-size:10px; 
border-collapse: collapse;
border-spacing: 0;
}
.Table_Grid_Round td, .Table_Grid_Round th
{
    border: 1px solid silver;
	border-spacing:0px; 	
	empty-cells:show;
	padding-left:6px;
	padding-right:6px;	
}

.Table_Grid_Round th:first-child {
    border-radius: 60px 0 0 0;
}
.Table_Grid_Round th:last-child {
    border-radius: 0 60px 0 0;
}
.Table_Grid_Round th:only-child{   
    border-radius: 60px 60px 0 0;	
}

/*--------------------------------------------------------*/
.tb_RndCorner_8 /*more at http://jsfiddle.net/MuZzz/1/*/
{
border-collapse:separate;

-webkit-border-radius: 6px;
border-radius: 6px;
border-radius: 6px;
border:1px solid Silver;
background-color:#FFFFFF;
}

.tb_RndCorner_15
{
    border-collapse:separate;
    border:solid silver 1px;
    border-radius:15px;
}

.tb_RndCorner_15.td, .tb_RndCorner_15.th {
    border-left:solid silver 1px;
    border-right:solid silver 1px;	
    border-top:solid silver 1px;
}

.tb_RndCorner_15.th {
    border-top: none;
}

.tb_RndCorner_15.td:first-child {
     border-left: none;
	 border-right: none;
}

.tb_RndCorner_25
{
border-collapse:separate;

-webkit-border-radius: 25px;
border-radius: 25px;
border:1px solid Silver;
background-color:#FFFFFF;
}

/* --------------------------------------------------------------------------*/
.Table_WhiteGrid 
{border-collapse: collapse;}
.Table_WhiteGrid td, .Table_WhiteGrid th
{border: 1px solid white;}

/*----------------------------------------------------------------------------*/
.table_BodyGrid
{border-collapse: collapse;}

.table_BodyGrid td, .table_BodyGrid th
{border: 1px solid silver;}

/* ----------------------------------------------------------------------------*/

.Table_NoGrid {
border-collapse: collapse;
}

.Table_NoGrid td, .Table_NoGrid th
{
border-collapse: collapse;	
border-style:none;
}

/*-----------------------------------------------------------------------------*/
.cap{text-transform:uppercase}
/*---------------------------------------------------------------------------------*/

/*first use wvSuper page*/

.but200_200_PAR_1 {
	WIDTH:200px;
	HEIGHT:200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:36px; 
	FONT-WEIGHT: bold;
	COLOR:Black; 
background-image:url(../images/par_1.png);
background-repeat:no-repeat;
background-position:center center;
border:none;
background-color:inherit;
}
	
.but200_150_REC {
	WIDTH:200px;
	HEIGHT:150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:36px; 
	FONT-WEIGHT: bold;
	COLOR:Black; 
background-image:url(../images/rec_1.png);
background-repeat:no-repeat;
background-position:center center;
border:none;
background-color:inherit;
}	


.but120_70_REC {
	WIDTH:120px;
	HEIGHT:70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:26px; 
	FONT-WEIGHT: bold;
	COLOR:Black; 
background-image:url(../images/rec_1.png);
background-repeat:no-repeat;
background-position:center center;
border:none;
background-color:inherit;
}	


.butSub_250_120{
	WIDTH:250px;
	HEIGHT:120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:26px; 
	FONT-WEIGHT: bold;
	COLOR:Black; 
background-image:url(../images/iconButsub_250x120.png);
background-repeat:no-repeat;
background-position:center center;
border:none;
background-color:inherit;
}	

.butSub_170_80{
	WIDTH:170px;
	HEIGHT:80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px; 
	FONT-WEIGHT: bold;
	COLOR:Black; 
background-image:url(../images/iconButsub_170x80.png);
background-repeat:no-repeat;
background-position:center center;
border:none;
background-color:inherit;
}	

.butSub_128_60{
	WIDTH:128px;
	HEIGHT:60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px; 
	FONT-WEIGHT: bold;
	COLOR:Black; 
background-image:url(../images/iconButSub_128x60.png);
background-repeat:no-repeat;
background-position:center center;
border:none;
background-color:inherit;
}	

/*Border line B for Bottom-B, L for Left, R for Rght, T for Top */

.tdBorder_B, .tdBorder_BL, .tdBorder_BR, .tdBorder_L, .tdBorder_R, .tdBorder_T, .tdBorder_BT, .tdBorder_All, .tdBorder_LR{
border-collapse: collapse;
border: 1px solid #AAA; 
/*border-top: 0; */
}

/*Line Bottom only*/
.tdBorder_B{
border-right: 0; 
border-left: 0;
border-top: 0; 
}
	
/*Line Bottom+Left*/
.tdBorder_BL{
border-right: 0;
border-top: 0; 
}	

/*Line Bottom+Right*/
.tdBorder_BR
{border-left:0; border-top:0;}	


/*Line Top*/
.tdBorder_T{
border-left: 0; 
border-right: 0; 
border-bottom: 0; 
}

/*Line Bottom + Top*/
.tdBorder_BT{
border-left: 0; 
border-right: 0; 
}


/*Line Left*/
.tdBorder_L{
border-top: 0; 
border-right: 0; 
border-bottom: 0; 
}

/*Line Right*/
.tdBorder_R{
border-top: 0; 
border-left: 0; 
border-bottom: 0; 
}

/*Line Left + Right*/
.tdBorder_LR{
border-top: 0; 
border-bottom: 0; 
}

/****************************************************************ON OFF SWITCH*/ /*http://blog.viktorkelemen.com/2011/09/checkboxradio-button-size-on-android.html*/

input[type=checkbox] 
{ 

-webkit-transform: scale(2.3,2.1);
border:0; position: relative; z-index: 0; 
margin-left: auto; 

margin-right: auto; 

vertical-align: middle;
width: 24px; height: 12px; 
/*margin-top:-5px;

top:10px;*/
}

/*--------------------------------------------------------------------------*/




/*--------------------------------------------------------------------------*/
/*http://stackoverflow.com/questions/5523735/how-to-make-a-radio-button-look-like-a-toggle-button*/
#selectUser {
    margin:4px;

    float:left;
}

#selectUser label {
    float:left;
    width:370px;
    margin:4px;
    background-color:#EFEFEF;
    border-radius:12px;
    border:1px solid #D0D0D0;
    overflow:auto;

}

#selectUser label span {
    text-align:center;
    font-size: 42px;
    padding:13px 0px;
    display:block;
}

#selectUser label input {
    position:absolute;
    top:-20px;
}

#selectUser input:checked + span {
    background-color:#404040;
    color:#F7F7F7;
}

#selectUser .blue {
    background-color:#00BFFF;
    color:#333;
}

#selectUser .mist{
    background-color:#EBEBEB;
    color:#333;
}

/*------------------------   line start*/
HR.thick {height:10pt; color:#a1a1a1}
HR.thin {height:2pt; color:#a1a1a1}

HR.Sp0{border: 0; border-top: 1px solid #CCCCCC; border-bottom: 2px solid #CCCCCC;} 
HR.Sp1{border: 0; border-top: 1px solid #666666; border-bottom: 2px solid #666666;} 
HR.Sp2{border: 0; border-top: 1px solid #FFEFD5; border-bottom: 2px solid #FFEFD5;} /*Yellow*/

HR.Sp3{border: 0; border-top: 1px solid #CCCCCC; border-bottom: 2px solid #EBEBEB;} /*Maroon*/

HR.Sp4{border: 0; height: 1px; background: #333; background-image: linear-gradient(to right, #ccc, #333, #ccc);} /*light Stronger light*/





/*------------------------   line end*/

IMG 
{
padding: 0; margin: 0;
-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
}


.imgButRow_Basic /*this is for sizing*/
{
width: 44px;
height:44px;
vertical-align: middle;
padding: 4px;

/*margin-top:4px;*/
}


.imgButRow_BasicHover /*EXPERIMENTAL*/
{
width: 52px;
height:52px;
	background-image:url(../images/iconButRow_Over.png);
	background-repeat:no-repeat;
	background-position:center center;
padding: 0px;	
}



.imgButRow_Push /*EXPERIMENTAL*/
{
	background-image:url(../images/iconButRow_Orange.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.tdBasicColor /*EXPERIMENTAL*/
{
background-color:#FFCCFF;
}

.tdBasicColorHover /*EXPERIMENTAL*/
{
background-color:#CCFFFF;
}


/*---------------------------------------------------------------------------------------*/
h1 {margin:12pt;}

.rct300_RndCnr_00
{
display:block;
margin-left:auto;margin-right:auto;
background: transparent;
}


/*-------------------------------------------------------------Pointer Items Start*/
.TB_Items /*http://css-tricks.com/fixing-tables-long-strings/*/
{ /*hor menu*/
    table-layout: fixed;
    border: 0px;
	border-collapse:collapse;
    width: 95%;
	white-space: nowrap;
}

.Items-Description
{
width: 85%;
font-family: Arial, Helvetica, sans-serif;
font-size:22px;
font-weight: bold;
background: #EBEBEB;
text-align:left;
padding-left: 4pt;
overflow: hidden;
}

.Items-Pointer
{ 
width: 15%;
background:#EBEBEB; /*#676767*/
text-align:center;
}


.TR-Items_Blank {height:5px;}
.TR-Items_Blank_25 {height:25px;}
.TR-Items_Blank_50 {height:25px;}
/*-------------------------------------------------------------------START --*/

.Header-Description
{
color: #FFFFFF;
height:52px;
font-size:22px;
font-weight: bold;
vertical-align: middle;

background: #666666;
text-align:center;
}

/*---------------------------------------------------------------Pointer Items End*/

.rct160_RndCnr_10, .rct300_RndCnr_10, .rct500_RndCnr_10, .rct600_RndCnr_10, .rct700_RndCnr_10, .rct800_RndCnr_10
{
display:block;
margin-left:auto;margin-right:auto;
background: #EBEBEB;
-webkit-border-radius: 10px / 10px;
border-radius: 10px / 10px;

border-width:1px;
border-style:solid;
border-color:#A2A2A2;
}

.rct160_RndCnr_10 {width: 160px;}
.rct300_RndCnr_10 {width: 300px;}
.rct500_RndCnr_10 {width: 500px;} 
.rct600_RndCnr_10 {width: 600px;}
.rct700_RndCnr_10 {width: 700px;}
.rct800_RndCnr_10 {width: 800px;}


/*-------------------------icon-Buttons on the main page Squarea for Buttons-----------------------------------*/
/*----------------------http://www.csscheckbox.com/radio-buttons.php?p=8---------------------------*/

/*-------------------------icon-Buttons on the main page Squares for Buttons-----------------------------------*/
.sqr_0, .sqr_1, .sqr_2, .sqr_3, .sqr_3_Lock, .sqr_4, .sqr_5, .sqr_6, .sqr_7, .sqr_8, .sqr_9, .sqr_9_Lock, .sqr_10, .sqr_11, .sqr_12, .sqr_13
{
background-repeat:no-repeat;
background-position:center center;
background-size:25% 25%; /*IE9+, Firefox, Opera, Chrome, and Safari*/
}

.sqr_1 {background-image:url(../images/sqr_1.png);}	
.sqr_2 {background-image:url(../images/sqr_2.png);}

.sqr_3 {background-image:url(../images/sqr_3.png);}
.sqr_3_Lock {background-image:url(../images/sqr_3_Lock.png);}

.sqr_9 {background-image:url(../images/sqr_9.png);}
.sqr_9_Lock {background-image:url(../images/sqr_9_Lock.png);}

.sqr_10 {background-image:url(../images/sqr_10.png);}
.sqr_11 {background-image:url(../images/sqr_11.png);}
.sqr_12 {background-image:url(../images/sqr_12.png);}	
.sqr_13 {background-image:url(../images/sqr_13.png);}
/*------------------------------------------------------------------------------icon-Buttons on the main page*/

/*----------------------------------------------------------------------------*/

.tdHeader_0
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:26px;
	COLOR:white;
	text-transform:uppercase;
	background-color:#990000;	
}



.txtHeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:26px;
	COLOR:white;
	text-align:center;
	text-transform:uppercase;
	background-color:#676767;	
	/*background-color:#5B5B5B;*/
}


.txtHeader_1
{font-family: Arial, Helvetica, sans-serif; font-weight:500; font-size:20px; COLOR:white; text-transform:uppercase;}


.txtHeader_16, .txtHeader_18, .txtHeader_22, .txtHeader_26
{
	color:white;
	text-align:center;
	text-transform:uppercase;
	background-color:#676767;	
}

.txtHeader_16
{font-size:16px;}

.txtHeader_18
{font-size:18px;}

.txtHeader_22
{font-size:22px;}

.txtHeader_26
{font-size:26px;}

/*---------------------------------------------------------------- BACKGROUNDS --------*/
.bckgnd_white
{background:#FFFFFF;}

.bckgnd_1 /*under pointer*/
{background:#676767;}

.bckgnd_EBEBEB
{background:#EBEBEB;}


/*---------------------------------------------------------- TEXTS FONTS COLORS -------*/

.white{color:white;}
.black{color:black;}
.blue{color:blue;}
.red{color:red;}
.green{color:green;} /*008000*/

.silver{color:silver;}
.dimgrey{color:dimgrey;}
.grey{color:grey;}
.darkGray{color:darkgray;}  /*use for disabled..*/
.slateGray{color:slategray;} /*=#708090*/

.IndianRed{color:IndianRed;} 
.coral{color:coral;} 
.Olive{color:Olive;} 
.OliveDrab{color:OliveDrab;}

.indigo{color:indigo;} /*for links*/
.bronze{color:#CFC98B;}/*Yellowish*/

/*--------------------------------------------------- DECORATIONS  ------------------*/
.line-thru
{
text-decoration:line-through;

/*background-image: linear-gradient(transparent 7px,#cc1f1f 7px,#cc1f1f 9px,transparent 9px);*/

text-decoration-color: red;
height:1em
}


/*--------------------------------------------------- FONT CASES  ------------------*/
.caps{text-transform:uppercase;}
.ital{font-style:italic;}

/*-----------------------------------------------------------------------class="txt_26_Bld cap white"-----*/

/*https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266-_webkit_appearance*/

.Tex0  {font-size:16px; text-align:left; background-color:#FFF7DD; } /* used in edit my details for text boxes FFECB0*/ 
.Tex2  {font-size:16px; text-align:left; background-color:#F0F8FF; }
.Tex3  {font-size:16px; text-align:left; border:0; background-color:#EBEBEB;} /*was F0F8FF*/


.txtBox_0, .txtBox_01, .txtBox_03 { /*transparent no border*/
	background-color:transparent;
	font-size:26px;
	COLOR:#000000;
	font-weight: normal;
	text-align: left;
	text-indent: 2pt;	
	border: none;
}

.txtBox_01
{background-color:white;}

.txtBox_03
{font-size:16px;}

.txtBox_5 {
	BACKGROUND:#F0F8FF;
	height: 50px;

	font-size:42px;
	COLOR:#000000;
	font-weight: normal;
	text-align: left;
	border: 2px inset #EEEEEE;
	text-indent: 2pt;
}

/*----------------------------------------------------------------------------*/

.newTry
{
	background-color: #676767;
	/*background-image:url(../images/iconSqrRight.png);
	background-repeat:no-repeat;
	background-position:center center;*/
}

.newTry:hover
{
	background-image:url(../images/TouchSplash-RoundB.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.splash_Action
{
background-image:url(../images/TouchSplash-RoundB.png);
    background-size: 110% 110%;
    background-repeat: no-repeat;	
background-position:center center;
}

/*---------------------------------------------------------------------------DIVS------------------------*/

.div_V1_Bld, .div_V1_Nrm /*basic */
{text-align:center; font-size:20px;}
.div_V1_Bld
{font-weight: bold;}

.div_V3 /*basic */
{
text-align:center;
font-size:14px;
background-color:PaleGoldenRod;
padding: 10px 10px;
border-bottom:thin;
border-bottom-style:groove;
}
/*----------------------------------------------------------------------------------------------------- TDs*/
.td_Curved-L
{
background-image:url(../images/MainBalance_L.gif);
background-repeat:no-repeat;
background-position:bottom left;
}

.td_Curved-R
{
background-image:url(../images/MainBalance_R.gif);
background-repeat:no-repeat;
background-position:bottom right;
}

.td_PageName, .td_MainPage{
    background-color: #b0bccd;
    background-image: -webkit-gradient(linear,center bottom,center top,from(#6d84a2),color-stop(50%, #889bb3),to(#b0bccd));	/*#b0bccd #889bb3 #6d84a2 */
    background-image: linear-gradient(#6d84a2,#889bb3 50%,#b0bccd);
	padding: 10px 10px;
}

/*--------------------------------------------------------------------- SHIMS MARGINS PADDINGS FLOATS*/
.marTB_12
{
    margin-top: 12px;
    margin-bottom: 12px;
    margin-right: 0px;
    margin-left: 0px;
}

.marT_-20
{margin-top:-20px;}

.marB_-20
{margin-bottom:-20px;}
/*------------------------------------------------------*/

.pad_8{padding:8px;}
.pad_16{padding:16px;}

.inforText_7
{padding-top:7px; padding-bottom:7px;} 

.inforText_15
{padding-top:15px; padding-bottom:15px;} 

.inforText_30
{padding-top:20px; padding-bottom:20px;} 

/*------------------------------------------------------*/

.par_1{ /*http://www.webmasterworld.com/forum83/100.htm*/
	text-align:center;
	margin-top:.5em;
	margin-bottom:.5em;
}

/*----------------------------------------------------*/

.shim_5TB
{margin-top:5px; margin-bottom:5px;}
.shim_5T
{margin-top:5px;}
.shim_5B
{margin-bottom:5px;}

.shim_8B
{margin-bottom:8px;}

.shim_12TB
{margin-top:12px; margin-bottom:12px;}
.shim_12T
{margin-top:12px;}
.shim_12B
{margin-bottom:12px;}

/*----------------------------------------------------*/

.floatLeft_4 {float:left; margin-right:4px;}
.floatLeft_14Pr {float:left; margin-left:14%; margin-right:4px;}



floarRight, .floatRight_5, .floatRight_25
{
float:right; 
vertical-align:middle !important;
}

.floatRight_5 {margin-right:5px;}
.floatRight_25 {margin-right:25px;}

/*------------------------------------------------------------------------------------------------*/
/*----------------http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page----*/ 
footer {
	position:absolute;
   	bottom:0;	
	width:100%;
    background-color: #b0bccd;
    background-image: -webkit-gradient(linear, left top, left bottom,
        from(#b0bccd),
        color-stop(0.5, #889bb3),
        color-stop(0.5, #8195af),
        to(#6d84a2));
    background-image: linear-gradient(top, #b0bccd, #889bb3 50%, #8195af 50%, #6d84a2);
    padding: 1px 0px;
    text-align: center;
    color: #fff;
}
/*-----------------------------------------------------------------------------------------------*/

.div_95Pr
{
margin-left: auto;
margin-right: auto;
width: 95%;
background-color:#ECECEC;

box-shadow: 0px 2px 1px white inset, 0px -2px 2px lavender, 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 2px 2px rgba(0, 0, 0, 0.1);
-webkit-transition:box-shadow 0.5s;
border-radius:8px;
border:1px solid; border-top-color:#B2B2B2; border-left-color:#B2B2B2; 
border-bottom-color:#AAAAAA; border-right-color:#AAAAAA;
/*margin:1px; kills center alognment*/
}

.div_95Pr:hover/*:enabled*/
{
background-color:#DFDFDF;
color:#666;
}

/*-----------------------------------------------------------------------------------------------*/
.but_95Pr-90-1 /*basic items for text buttons with table + embedded network images*/
{
width: 95%; white-space:nowrap;
padding:3px 12px 0px 6px; 
font-size:22px; font-weight:bold;  font-family:Helvetica, Arial, Geneva, sans-serif; vertical-align:middle;

background: #ECECEC;
box-shadow: 0px 2px 1px white inset, 0px -2px 2px lavender, 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 2px 2px rgba(0, 0, 0, 0.1);
-webkit-transition:box-shadow 0.5s;

margin:1px; border-radius:8px;
border:1px solid; border-top-color:#B2B2B2; border-left-color:#B2B2B2; 
border-bottom-color:#AAAAAA; border-right-color:#AAAAAA;
/* line-height:46px;*/
}

.but_95Pr-90-1:hover:enabled
{
background-color:#DFDFDF;
color:#666;
}
/*------------------------------------------------------------------------------------------------*/

.but_128-60, .but_128-60-Multiline 
{
padding:0px 12px 0px 14px;
text-align: center;
font-size:18px;
font-weight:bold;
/*line-height:46px;*/
height:46px;

font-family:Arial,sans-serif;
  background: #DDDDDD;
  background-image: -webkit-linear-gradient(top, #EBEBEB, #CCC);
  background-image: -moz-linear-gradient(top, #EBEBEB, #CCC);
  background-image: -ms-linear-gradient(top, #EBEBEB, #CCC);
  background-image: -o-linear-gradient(top, #EBEBEB, #CCC);
  background-image: linear-gradient(top, #EBEBEB, #CCC);
 
margin:6px;
border-radius:8px;

border:1px solid;
border-top-color:#888888;
border-left-color:#888888;
border-bottom-color:#5B5B5B;
border-right-color:#5B5B5B;
}

.but_128-60-Multiline /*1-12-2015 new configuration*/
{line-height:23px;}

.but_128-60:hover:enabled, .but_128-60-Multiline:hover:enabled
{
background-color:#AAAAAA;
  background-image: -webkit-linear-gradient(top, #EBEBEB, #AAAAAA);
  background-image: -moz-linear-gradient(top, #EBEBEB, #AAAAAA);
  background-image: -ms-linear-gradient(top, #EBEBEB, #AAAAAA);
  background-image: -o-linear-gradient(top, #EBEBEB, #AAAAAA);
  background-image: linear-gradient(top, bottom, #EBEBEB, #AAAAAA);
}
/*------------------------------------------------------------------------------------------------*/
.but_128-38, .but_128-40
{
padding:0px 6px 0px 7px;
text-align: center;
font-size:16px;
font-weight:bold;
line-height:26px;

font-family:Arial,sans-serif;
  background: #DDDDDD;
  background-image: -webkit-linear-gradient(top, #EBEBEB, #CCC);
  background-image: -moz-linear-gradient(top, #EBEBEB, #CCC);
  background-image: -ms-linear-gradient(top, #EBEBEB, #CCC);
  background-image: -o-linear-gradient(top, #EBEBEB, #CCC);
  background-image: linear-gradient(top, #EBEBEB, #CCC);
 
margin:6px;
border-radius:6px;

border:1px solid;
border-top-color:#888888;
border-left-color:#888888;
border-bottom-color:#5B5B5B;
border-right-color:#5B5B5B;
}

.but_128-40
{line-height:36px;}

.but_128-38:hover:enabled, .but_128-40:hover:enabled
{
background-color:#AAAAAA;
  background-image: -webkit-linear-gradient(top, #EBEBEB, #AAAAAA);
  background-image: -moz-linear-gradient(top, #EBEBEB, #AAAAAA);
  background-image: -ms-linear-gradient(top, #EBEBEB, #AAAAAA);
  background-image: -o-linear-gradient(top, #EBEBEB, #AAAAAA);
  background-image: linear-gradient(top, bottom, #EBEBEB, #AAAAAA);
}


/*------------------------------------------------------------------------------------------------*/

.but_124-52 { /* http://cssdeck.com/labs/large-pressable-css-button */
    display: inline-block;
    margin: 0px;
	cursor: default; 
}

.but_124-52 span {
    display: inline-block;
	font-size: 18px;	
	font-family:Arial,sans-serif;
text-align: center;
font-weight:bold;	
	
	
  padding: 14px 10px 16px 10px; /*box size adjustment*/
   
  background: #DDDDDD;
  background-image: -webkit-linear-gradient(top, #EBEBEB, #CCC);
  background-image: -moz-linear-gradient(top, #EBEBEB, #CCC);
  background-image: -ms-linear-gradient(top, #EBEBEB, #CCC);
  background-image: -o-linear-gradient(top, #EBEBEB, #CCC);
  background-image: linear-gradient(top, #EBEBEB, #CCC);   

    -webkit-border-radius: 8px;
    border-radius: 8px;

	border:1px solid;
	border-top-color:#888888;
	border-left-color:#888888;
	border-bottom-color:#5B5B5B;
	border-right-color:#5B5B5B;
}

.but_124-52:hover span
{
background-color:#AAAAAA;
  background-image: -webkit-linear-gradient(top, #EBEBEB, #AAAAAA);
  background-image: -moz-linear-gradient(top, #EBEBEB, #AAAAAA);
  background-image: -ms-linear-gradient(top, #EBEBEB, #AAAAAA);
  background-image: -o-linear-gradient(top, #EBEBEB, #AAAAAA);
  background-image: linear-gradient(top, bottom, #EBEBEB, #AAAAAA);
}

/*---------------------------------------------------------------------------*/

/*--------------------------------------------------------------------- ALIGNS  ------------------*/
.align_L
{text-align:left;}
.align_R
{text-align:right;}
.align_C
{text-align:center;}


.align_C
{display: block;
 margin-left: auto;
 margin-right: auto; 
}

.centerH
{text-align:center; margin-left:auto; margin-right:auto;}

.tdMiddleImg
{vertical-align: middle;}

/*----------------------------------------------------------------------------------------- DIVS ----------------------*/

.div_Nav_1
{text-align:center; margin:0 auto;}


.div_holdLogo_1 /*for holding NetLogos Generic*/
{
background: #FFFFFF; padding:8px 4px 4px 4px; margin-left:8px; margin-right:8px;
border-radius:8px; border:1px solid; border-top-color:#B2B2B2; border-left-color:#B2B2B2;
border-bottom-color:#AAAAAA; border-right-color:#AAAAAA;
}

.div_holdLogo_2 /*for holding NetLogos in PackagePricing*/
{
background: #FFFFFF !important; padding:5px 4px 0px 4px; margin-left:4px; margin-right:4px;
border-radius:8px; border:1px solid; border-top-color:#B2B2B2; border-left-color:#B2B2B2;
border-bottom-color:#AAAAAA; border-right-color:#AAAAAA;
}

.div_inRowLabel_1, .div_inRowLabel_2, .div_inRowLabel_3, .div_inRowLabel_8, .div_inRowLabel_9, .div_inRowLabel_10 /*1st use in WpackQueAns web vendor...*/
{
width: 95%;
text-align:left;
padding-left:8px;
color: white;
line-height:24px;
font-size:14px;
    background-image: -moz-linear-gradient(left,#666,DarkGray);
    background-image: -webkit-gradient(linear,left center,right center,from(#666),to(DarkGray));
    background-image: -ms-linear-gradient(left, #666,DarkGray); /*for IE*/
}

.div_inRowLabel_2
{width: 100%;}

.div_inRowLabel_3
{
color: black;
    background-image: -moz-linear-gradient(left,White,White);
    background-image: -webkit-gradient(linear,left center,right center,from(#FFFFFF),to(White));
    background-image: -ms-linear-gradient(left, #FFFFFF,White);	
}

.div_inRowLabel_8
{width: 30%;}

.div_inRowLabel_9
{width: 50%;}

.div_inRowLabel_10
{width: 75%;}

/*============================================================Match table corners to button below  ==========================*/
.tb_RndCorner_MatchBut-90 /*Table: adjust height in page, saimilar at http://jsfiddle.net/MuZzz/1/*/
{
border-collapse:separate;

background: #ECECEC;
box-shadow: 0px 2px 1px white inset, 0px -2px 2px lavender, 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 2px 2px rgba(0, 0, 0, 0.1);
-webkit-transition:box-shadow 0.5s;
/*
box-shadow:    inset 0 0 8px #ccc; -webkit-box-shadow: inset 0 0 8px #ccc; box-shadow:inset 0 0 8px #ccc;
*/
border-radius:8px; border:1px solid; border-top-color:#B2B2B2; border-left-color:#B2B2B2;
border-bottom-color:#AAAAAA; border-right-color:#AAAAAA; background-color:#FFFFFF;
}

/*====================================================================================================Button START===================*/

.but_95Pr-90 /*basic items for text buttons*/
{
width: 95%; padding:0px 12px 0px 6px; white-space:nowrap;
font-size:22px; font-weight:bold; line-height:46px; font-family:Helvetica, Arial, Geneva, sans-serif; 

background: #ECECEC;
box-shadow: 0px 2px 1px white inset, 0px -2px 2px lavender, 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 2px 2px rgba(0, 0, 0, 0.1);
-webkit-transition:box-shadow 0.5s;

margin:1px; border-radius:8px;
border:1px solid; border-top-color:#B2B2B2; border-left-color:#B2B2B2; 
border-bottom-color:#AAAAAA; border-right-color:#AAAAAA;
}

.but_95Pr-90.Top /*No Space!*/
{border-bottom-left-radius:2px; border-bottom-right-radius:2px;}
.but_95Pr-90.Mid /*No Space!*/
{border-radius:2px;}
.but_95Pr-90.Bot /*No Space!*/
{border-top-left-radius:2px;border-top-right-radius:2px;}

.but_95Pr-90:hover:enabled, .but_95Pr-90-Top:hover:enabled, .but_95Pr-90-Mid:hover:enabled, .but_95Pr-90-Bot:hover:enabled
{
background-color:#DFDFDF; /*was D4D4D4 AAAAAA*/
/*box-shadow: inset 0 0 8px #ccc; -webkit-box-shadow: inset 0 0 8px #ccc; box-shadow:inset 0 0 8px #ccc;*/
color:#666;
}

/*-------------------------------------------------------------------------------Image in the button----------------*/
.Carat-R
{background-image:url(../images/R_Crt-Rgt.png); background-repeat:no-repeat; background-position:97% center !important;}

.Carat-L
{background-image:url(../images/R_Crt-Lft.png); background-repeat:no-repeat; background-position:97% center !important;}

.Cancel
{background-image:url(../images/R_Cancel.png); background-repeat:no-repeat; background-position:97% center !important;}

.Plus
{background-image:url(../images/R_Plus.png); background-repeat:no-repeat; background-position:97% center !important;}

.Minus
{background-image:url(../images/R_Minus.png); background-repeat:no-repeat; background-position:97% center !important;}

.Tag
{background-image:url(../images/R_Tag.png); background-repeat:no-repeat; background-position:97% center !important;}


/*------------------------------------------------------------------------------------------------------------------*/

/*=======================================================================================================================*/

.but_95Pr-100 /*basic items for image based buttons 44x44 as ? instruction book*/

{width: 95%; padding:2px 8px 2px 8px;
/*font-size:22px; font-weight:bold; line-height:46px; font-family:Helvetica, Arial, Geneva, sans-serif;*/

background: #ECECEC;
box-shadow: 0px 2px 1px white inset, 0px -2px 2px lavender, 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 2px 2px rgba(0, 0, 0, 0.1);
-webkit-transition:box-shadow 0.5s;

margin-top:3px; border-radius:8px; border:1px solid; border-top-color:#B2B2B2; 
border-left-color:#B2B2B2; border-bottom-color:#AAAAAA; border-right-color:#AAAAAA;
}
/*=======================================================================================================================*/

.but_95Pr-33, .but_95Pr-36 /*basic items for smaller version*/
{/*text: add color options separately color:#FBF4F4; width: add separately*/
/*width: 95%;*/
 padding:2px 8px 2px 6px;
font-size:16px; font-weight:500; line-height:31px; letter-spacing: -1px; font-family:Helvetica, Arial, Geneva, sans-serif;

margin:1px; border-radius:6px; border:1px solid; border-top-color:#B2B2B2; 
border-left-color:#B2B2B2; border-bottom-color:#AAAAAA;border-right-color:#AAAAAA;
	background: #ECECEC;
	box-shadow: 0px 2px 1px white inset, 0px -2px 2px lavender, 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 2px 2px rgba(0, 0, 0, 0.1);
	-webkit-transition:box-shadow 0.5s;
}

.but_95Pr-36 /*basic items for black button*/
{ 	font-size:14px;
	background: #666666;
	box-shadow: 0px 2px 1px DarkGray inset, 0px -2px 8px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1); /*white*/
}



/*-------------------------------------------------------------------------- FILLERS WITH IMAGE BACKGROUND -----------*/
/*The margin shorthand property applies margins in the order top, right, bottom, left (TRBL).*/
/*----------------------------------------------------------------------------*/
.filler_1{
	background-image:url(../images/filler_1.png);
	background-color: #ABB8C9;
	background-repeat:repeat-x;
	background-position:center center;
}

.filler_7-1 /*fill rectangle 400x100, round 16, #555555*/
{
background-image:url(../images/filler_7.png);
background-position:center bottom;
background-size:100%;
background-repeat:no-repeat;
}

.filler_7-2 /*fill sprites round edges #555555*/
{
background-image:url(../images/filler_7.png);
background-position:center top;
background-size:100%;
background-repeat:no-repeat;
}

.filler_7-3 /*fill sprites round edges #555555*/
{
background-image:url(../images/filler_7-A.png);
background-position:center top;
background-size:100%;
background-repeat:no-repeat;
}

/*-----------experiment 1 -------*/

.round-button { /*http://jsfiddle.net/josedvq/Jyjjx/45/*/
	width:25%;
}
.round-button-circle {
	width: 100%;
	height:0;
	padding-bottom: 100%;
    border-radius: 50%;
	border:10px solid #cfdcec;
    overflow:hidden;
    
    background: #4679BD; 
    box-shadow: 0 0 3px gray;
}
.round-button-circle:hover {
	background:#30588e;
}
.round-button a {
    display:block;
	float:left;
	width:100%;
	padding-top:50%;
    padding-bottom:50%;
	line-height:1em;
	margin-top:-0.5em;
    
	text-align:center;
	color:#e2eaf3;
    font-family:Verdana;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none;
}
/*----------Experiment 2 ----- http://stackoverflow.com/questions/22406661/how-to-make-one-circle-inside-of-another-using-css ---*/
 
#trigger{
width: 192px; height: 156px;
box-shadow: inset 1px -47px 80px -12px #ABABAB;
-webkit-box-shadow: inset 1px -47px 80px -12px #ABABAB; /*http://www.css3developer.com/css3generator/inset-box-shadow-css.html*/
-moz-box-shadow: inset 1px -47px 80px -12px #ABABAB;
-o-box-shadow: inset 1px -47px 80px -12px #ABABAB;
background: #FFFFFF;
position: relative; 
-webkit-border-radius: 44px; 
border-radius: 44px;
padding-top: 20px; 
padding-bottom: 20px; 
}
 
#circle-12 {
background: #AE5656; /*#385a94*/
opacity: 0.9;
border-radius: 50%;
height: 160px; width: 160px;
position: relative;
/*  Child elements with absolute positioning will be positioned relative to this div */
}

#circle-8 {
position: absolute;
background: #CCCCCC;
border-radius: 50%;
height: 112px; width: 112px;
/* Put top edge and left edge in the center */
top: 50%; left: 50%;
margin: -56px 0px 0px -56px;
/* Offset the position correctly with minus half of the width and minus half of the height */
} 

#circle-4 {
position: absolute;
background: #555555;
border-radius: 50%;
height: 80px; width: 80px;
/* Put top edge and left edge in the center */
top: 50%; left: 50%;
margin: -40px 0px 0px -40px;
/* Offset the position correctly with minus half of the width and minus half of the height */
}    
 
#circle-3 {
position: absolute;
background: #EFEFEF;
border-radius: 50%;
height: 50px; width: 50px;
/* Put top edge and left edge in the center */
top: 50%; left: 50%;
margin: -25px 0px 0px -25px;
/* Offset the position correctly with minus half of the width and minus half of the height */
}
   
#circle-1 {
position: absolute;
background: #AE3C3C;
border-radius: 50%;
height: 28px; width: 28px;
/* Put top edge and left edge in the center */
top: 50%; left: 50%;
margin: -14px 0px 0px -14px;
/* Offset the position correctly with minus half of the width and minus half of the height */
}
 
 /*--------------------------------------------------------*/