/* CSS Document copied form IDPS*/
html {overflow-y:scroll;}
/*http://protofluid.com/ to view 4runner1*/
html, body {
background: white;
margin: 0px;
padding: 0px;
font: normal 12px Helvetica, Sans-serif; /*14px/16px*/
text-align: center;
height:100%;
}
/*------------------------- */
/*----------------------------------------------------GLOBAL START*/
#container {
min-height: 100%; /*was min-height: 100%;*/
margin-bottom: -40px;
position: relative;
}
#footer {
height: 40px;
position: relative;
}
.clearfooter {height: 40px;clear: both;/*background-color:#C1B6D3;*/}
/*---------------------------------------------- ---FIELDSET START*/
/*http://www.webteacher.ws/2010/02/27/style-a-fieldset-with-rounded-corners-using-css/*/
.fieldset_1 {
-webkit-border-radius: 8px;
-moz-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;
-moz-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:-16px;
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;*/
}
/*---------------------------------------------------FIELDSET END*/
/*--------------------------------------------------------------*/
.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;
-moz-border-radius: 16px;
border-radius: 16px;
}
.div_Nav_1 /*hold content*/
{text-align:center; margin:0 auto;}
.div_Nav__21 /*hold bottom parts*/ /*2 UNDERLINES DELETE LATER*/
{text-align:center; margin:0 auto;}
.div_Nav_21 /*hold bottom parts*/
{text-align:center; margin:0 auto;}
.div_14{ /*-------------------------------------------------------rectangle in How it Works*/
float:left;
margin-right: 4px;
padding: 2px 5px 0 2px;
background-color:#FF5A00;
width: 30px; height:30px; border-radius:8px;
text-align:center;
font-size:20px; color:#FFFFFF; font-weight:bold;
line-height: 30px; /* <-- this is what you must define */
vertical-align: middle;
}
.div_16{ /*-------------------------------------------------------rectangle in Bill Payments*/
float:left;
margin-right: 4px;
padding: 2px 5px 0 2px;
width: 100px; height:50px; border-radius:6px;
text-align:center;
}
.div_002
{
/*display:table-cell; */
width:100%;
background-color:#FF5A00;
line-height: 65px; /* <-- this is what you must define */
vertical-align: middle;
text-align:center;
text-indent: 22px;
font-size:32px;
font-weight:bold;
color:white;
}
.textwrap_CallMe /*-------------------------------------------------------WRAPS text around picture*/
{float:right;
/*margin-top:7px;
margin-right:12px;
margin-bottom:2px;
margin-left:2px;*/
}
.textwrap_L /*-------------------------------------------------------WRAPS text around picture*/
{float:left; margin: 2px 5px 0 2px;}
.textwrap_R /*-------------------------------------------------------WRAPS text around picture*/
{float:right; margin: 2px 5px 0 2px;}
.tab_1
{
background-image:url(../Images/Fillers/009_1.gif);
background-repeat:no-repeat;
background-position:center bottom;
}
.tab_2
{
background-image:url(../Images/Fillers/013.gif);
background-repeat:no-repeat;
background-position:center bottom;
}
/*----------------------------------------------------------------------------------------UL LISTS*/
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%;}
/*UL {list-style:disc outside; font-family:Arial, sans-serif; margin-top:0%; margin-bottom:0.75%; color:green; margin-left:-22px;}*/
.UL_0 {list-style:disc outside; font-family:Arial, sans-serif; margin-top:2%; margin-bottom:2%; margin-left:-22px;}
/*----------------------------------------------------------*/
.UL_1 {list-style-type: circle; margin-left:14px; padding-left:1px; padding-top:5px;margin-top:7px;}
/*----------------------------------------------------------*/
.UL_2, .UL_3, .UL_4
{
margin-left: 3px;
padding-left: 1px;
padding-top: 5px;
margin-top: 7px;
list-style-type: none;
margin-bottom:10px; /*was -10*/
}
.UL_2 li, UL_3 li
{
font-size: 1em;
font-weight:600;
font-style: italic;
color: #818181;
padding-bottom: 4px;
padding-left: 22px;
background-image:url(../Images/iconTickSm.gif);
background-repeat:no-repeat;
background-position: 2px 20%; /* !!!!!!!!!!!!*/
}
.UL_3 li{
font-size: 1em;
font-weight: bold;
font-style: italic;
color: #099;
padding-bottom: 4px;
padding-left: 22px;
background-image:url(../Images/iconAccent.gif);
background-repeat:no-repeat;
background-position: 2px 20%; /* !!!!!!!!!!!!*/
}
.UL_4 li{
font-size: 12px;
font-weight: bold;
font-style: italic;
color: #099;
padding-bottom: 4px;
padding-left: 22px;
background-image:url(../Images/iconTickSm.gif);
background-repeat:no-repeat;
background-position: 2px 20%; /* !!!!!!!!!!!!*/
}
.UL_6 /*tb or span replacement */
{
list-style-image: url(../Images/arrowOr.gif);
}
/*-----------------------------------------------------------*/
.UL_8
{
margin-left: 14px;
padding-left: 1px;
padding-top: 5px;
margin-top: 7px;
list-style-type: disc;
/*margin-bottom:-10px;*/
}
.UL_8 li
{
font-size: 20px;
font-weight:normal;
color: #333333;
padding-bottom: 4px;
padding-left: 6px;/*
background-image:url(../Images/iconTickSm.gif);
background-repeat:no-repeat;*/
background-position: 2px 20%; /* !!!!!!!!!!!!*/
}
.UL_9
{
margin-left: 18px;
padding-left: 1px;
padding-top: 6px;
margin-top: 7px;
margin-bottom:6px;
}
.UL_9 Li
{
font-size: .9em;
font-weight:normal;
color: orangered;
padding-bottom: 4px;
padding-left: 6px;
list-style-image:
url(../Images/arrow.gif);
}
.UL_10 /*condensed version of UL_8*/
{
margin-left: 2px;
padding-left: 1px;
padding-top: 5px;
margin-top: 7px;
list-style-type: none;
/*margin-bottom:-10px;*/
}
.UL_10 li
{
font-size: 20px;
font-weight:normal;
color: #333333;
padding-bottom: 4px;
padding-left: 2px;/*
background-image:url(../Images/iconTickSm.gif);
background-repeat:no-repeat;*/
background-position: 2px 20%; /* !!!!!!!!!!!!*/
}
/*-------------------------------------------- TEXTS 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 { /*used in forms with text field under*/
font: 12px/14px Helvetica, Arial, Sans-serif;
color: #666;
line-height:20px;
/*letter-spacing: -1px;*/
}
.txt_12_Nrm, .txt_12_Bld, .txt_12_Ital, .txt_12_Ital-Btn {font-size:12px;}
.txt_12_Bld {font-weight: bold;}
.txt_12_Ital {font-style: italic; font-weight:400;}
.txt_12_Ital-Btn
{
font-style: italic;
font-weight:400;
line-height: 18px; /* <-- this is what you must define */
vertical-align: middle;
padding-bottom:2px;
}
.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-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_24_Nrm, .txt_24_Bld {font-size:24px;} .txt_24_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 */
/*------------------------ display start*/
.visY {visibility:visible }
.visN {visibility:hidden }
.disN {display:none}
.disY {display:inLine}
/*------------------------ display end*/
/*------------------------ buttons start*/
/*------------------------ 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}
/*------------------------- 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 silver; /*#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 did not work...*/
/*HR.thick {height:10pt; color:#a1a1a1}
HR.thin {height:1pt; color:#a1a1a1}
.Sp0{border-bottom: 1px solid rgba(255,255,255,.25);}
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
.SpA{display: block; border: 0 none; height:1px; color:gray; background-color:gray;}*/
/*------------------------ line end*/
/*-----------------------------------------------------------------------------------IMAGES */
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;}
*/
.rct80P_RndCnr_10, .rct90P_RndCnr_10, .rct95P_RndCnr_10, .rct100P_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;
}
.rct80P_RndCnr_10 {width: 80%;}
.rct90P_RndCnr_10 {width: 90%;}
.rct95P_RndCnr_10 {width: 95%;}
.rct100P_RndCnr_10 {width: 100%;}
.rct80P_RndCnr_10, .rct90P_RndCnr_10, .rct95P_RndCnr_10, .rct100P_RndCnr_10:p
{text-align: center;}
/*-------------------------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 -------*/
.txt_White{color:white;}
.txt_Silver{color:silver;}
.txt_Red{color:red;}
.txt_Tomato{color:#FF6347;}
.txt_OrangeRed{color:#FF4500;}
.txt_IndianRed{color:IndianRed;}
.txt_Dimgrey{color:dimgrey;}
.txt_Grey{color:grey;}
.txt_DarkGray{color:darkgray;}
.txt_SlateGray{color:slategray;} /*=#708090*/
.white{color:white;}
.black{color:black;}
.blue{color:blue;}
.red{color:red;}
.IndianRed{color:IndianRed;}
.silver{color:silver;}
.dimgrey{color:dimgrey;}
.grey{color:grey;}
.darkGray{color:darkgray;}
.slateGray{color:slategray;} /*=#708090*/
.coral{color:coral;}
.Olive{color:Olive;}
.OliveDrab{color:OliveDrab;}
.indigo{color:indigo;} /*for links*/
.bronze{color:#CFC98B;}/*Yellowish*/
/*--------------------------------------------------- FONT CASES ------------------*/
.caps{text-transform:uppercase;}
.ital{font-style:italic;}
.bold_R
{font-weight: bold; font-size:18px; color: #FF0000;}
.bold_Or
{font-weight: bold; font-size:26px; color: #FA5B00;}
/*--------------------------------------------------- -----------------Secondary for Plans*/
.trSec_1
{
color:silver !important;
font-size:12px !important;
}
/*--------------------------------------------------- --------------------------Text align*/
.txt_Justify /*use in TD*/
{ text-align: justify;
text-justify: inter-word;
}
/*-----------------------------------------------------------------------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*/
.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, .txtBox_5A, .txtBox_5B /*5-14-2015*/
{
/*BACKGROUND:#F0F8FF;
height: 50px;*/
font-size:20px;
COLOR:#000000;
font-weight: normal;
text-align: left;
border: 2px inset #EEEEEE;
text-indent: 2pt;
width: 95%
}
.txtBox_5A /* make 1 lined?*/
{border: 2px inset #EEEEEE;}
.txtBox_5B /* make 1 lined?*/
{border: 1px inset #EEEEEE;}
.txtBox_6, .txtArea_6{
display:block !important;
border-radius:6px;
font-size:1.00em; /*was 1.25em*/
border: 1px solid #bbb;
height: 1.6em; /*was 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;
}
.txtBox_8, .txtArea_8{
display:block !important;
background-color:#FFFFFF;
background:#FFFFFF;
alignment-baseline:baseline;
font-size:1.25em;
height: 1.8em;
text-indent: 2pt;
float: left;
font: normal Helvetica, Sans-serif; /*14px/16px*/
background-color: white;
border: 0;
border-bottom: 2px solid #CCCCCC;
outline: 0;
/*
border-radius:6px;
*/
}
/*---------------------------------------------------------------------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%;}
/*----------------------------------------------------------------------------*/
.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;
}
.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: -moz-linear-gradient(90deg,#6d84a2,#889bb3 50%,#b0bccd); /* #b0bccd, #889bb3 #6d84a2 */
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;
}
/*---------------------------------------------------- SHIMS FLOATS*/
.shim_5TB {margin-top:5px; margin-bottom:5px;}
.shim_5T {margin-top:5px;}
.shim_5B {margin-bottom:5px;}
.shim_10T {margin-top:10px;}
.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;}
.floatRight_25{
float:right;
vertical-align:middle !important;
margin-right:25px;
}
.line_28
{line-height:20px;
display:block;
text-align:left;
margin-top: 10px;
margin-bottom: -16px;
margin-right: 0;
margin-left: 0;
}
.line_30 /*for UL_ under*/
{line-height:20px;
display:block;
text-align:left;
margin-top: 10px;
margin-bottom: -7px;
margin-right: 0;
margin-left: 0;
}
/*------------------------------------------------------------------------------------------------*/
.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;
}
/*====================================================================================================Button START===================*/
/*====================================================================================================EXP START===================*/
.but_95Pr-83 /*Main mobile basic items for text buttons*/
{
width: 95%; padding:0px 12px 0px 2px; white-space:nowrap;
font-size:18px; font-weight:bold; line-height:34px; font-family:Helvetica, Arial, Geneva, sans-serif;
background: #ECECEC; /*ECECEC*/
box-shadow: 0px 2px 1px white inset, 0px -2px 2px white, 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:4px; border-radius:4px;
border:1px solid; border-top-color:#B2B2B2; border-left-color:#B2B2B2;
border-bottom-color:#AAAAAA; border-right-color:#AAAAAA;
}
.but_95Pr-83.Top /*No Space!*/
{border-bottom-left-radius:2px; border-bottom-right-radius:2px;}
.but_95Pr-83.Mid /*No Space!*/
{border-radius:2px;}
.but_95Pr-83.Bot /*No Space!*/
{border-top-left-radius:2px;border-top-right-radius:2px;}
.but_95Pr-83:hover:enabled, .but_95Pr-83-Top:hover:enabled, .but_95Pr-83-Mid:hover:enabled, .but_95Pr-83-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;
}
/*=========================================================================================++===========EXP END===================*/
.but_95Pr-90 /*Main mobile basic items for text buttons*/
{
width: 95%; padding:0px 12px 0px 6px; white-space:nowrap;
font-size:18px; 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:6px; 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;
}
/*-----------------------------------------------------------------------------------------------*/
.but_95Pr-90-1 /*Mobile Version basic items for text buttons with table*/
{
width: 95%; white-space:nowrap;
padding:3px 12px 0px 6px;
font-size:18px; 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;
}
/*-------------------------------------------------------EXPERIM----------------------------------------*/
.but_100Pr-90 /*Mobile Version SUB basic items for text buttons with table*/
{
margin:2px 0 2px 0;
width: 100%; /*white-space:nowrap;*/
padding:4px 12px 4px 6px;
font-size:16px; font-weight:normal; font-family:Helvetica, Arial, Geneva, sans-serif; vertical-align:middle;
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:4px;
border:1px solid; border-top-color:#B2B2B2; border-left-color:#B2B2B2; border-bottom-color:#B2B2B2;
border-right-color:#AAAAAA;
/* line-height:46px;*/
}
.but_100Pr-90:hover:enabled
{
background-color:#DFDFDF;
color:#666;
}
.but_100Pr-92 /*Mobile Version SUB basic items for text buttons with table*/
{
margin:2px 0 2px 0;
width: 100%; /*white-space:nowrap;*/
padding:0 12px 0 6px;
font-size:16px; font-weight:normal; font-family:Helvetica, Arial, Geneva, sans-serif; vertical-align:middle;
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:4px;
border:1px solid; border-top-color:#B2B2B2; border-left-color:#B2B2B2; border-bottom-color:#B2B2B2;
border-right-color:#AAAAAA;
/* line-height:46px;*/
}
.but_100Pr-92:hover:enabled
{
background-color:#DFDFDF;
color:#666;
}
.but_100Pr-92-Dis /*Disabled Mobile Version SUB basic items for text buttons with table*/
{
opacity: 0.4;
margin:2px 0 2px 0;
width: 100%; /*white-space:nowrap;*/
padding:0 12px 0 6px;
font-size:16px; font-weight:normal; font-family:Helvetica, Arial, Geneva, sans-serif; vertical-align:middle;
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:4px;
border:1px solid; border-top-color:#B2B2B2; border-left-color:#B2B2B2; border-bottom-color:#B2B2B2;
border-right-color:#AAAAAA;
}
.Arr-R_C /*Arrow right, align cener*/
{background-image:url(../images/Mobile_IDPR/R_Arr-Rgt.png); background-repeat:no-repeat; background-position:center center; background-attachment:fixed !important;}
/*------------------------------------------------------------------------------------------------*/
.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
{
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-38: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;
-moz-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_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 /*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));
}
.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));
}
.div_inRowLabel_8
{width: 30%;}
.div_Items
{text-align:left;
padding-bottom:6px;
text-align:justify;
}
/*============================================================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;
}
/*-------------------------------------------------------------------------------Image in the button----------------*/
.Carat-R
{background-image:url(../images/Mobile_IDPR/R_Crt-Rgt.png); background-repeat:no-repeat; background-position:97% center !important;}
.Carat-L
{background-image:url(../images/Mobile_IDPR/R_Crt-Lft.png); background-repeat:no-repeat; background-position:97% center !important;}
.Cancel
{background-image:url(../images/Mobile_IDPR/R_Cancel.png); background-repeat:no-repeat; background-position:97% center !important;}
.Plus
{background-image:url(../images/Mobile_IDPR/R_Plus.png); background-repeat:no-repeat; background-position:97% center !important;}
.Minus
{background-image:url(../images/Mobile_IDPR/R_Minus.png); background-repeat:no-repeat; background-position:97% center !important;}
.Tag
{background-image:url(../images/Mobile_IDPR/R_Tag.png); background-repeat:no-repeat; background-position:97% center !important;}
.Arr-R
{background-image:url(../images/Mobile_IDPR/R_Arr-Rgt.png); background-repeat:no-repeat; background-position:97% center !important;}
.Arr-R_C /*Arrow right, align cener*/
{background-image:url(../images/Mobile_IDPR/R_Arr-Rgt.png); background-repeat:no-repeat; background-position:center center; background-attachment:fixed !important;}
.Arr-L
{background-image:url(../images/Mobile_IDPR/R_Arr-Lft.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*/
}
/*----------------------------------------------------------------------------*/
.but_100Pr-39 /*for collapsing rows in table, inherit td setting, text + image*/
{width: 100%; padding:2px 2px 2px 0px;
font-size:inherit; font-weight:inherit; line-height:26px; font-family:Helvetica, Arial, Geneva, sans-serif;
background-color: inherit;
border:0;
}
/*-------------------------------------------------------------------------- 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:cover;*/
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:cover;*/
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;
-moz-border-radius: 44px;
-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 */
}
/*------------------------------------------
http://stackoverflow.com/questions/499137/css-how-can-i-force-a-long-string-without-any-blank-to-be-wrapped-in-xul-and
break long line of text
60
down vote
Place zero-width spaces at the points where you want to allow breaks. The zero-width space is in HTML. For example:
ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGC
-------------- http://www.sitepoint.com/position-text-labels-on-forms-using-css/
left-aligned-labels.css (excerpt)
fieldset li {
float: left;
clear: left;
width: 100%;
padding-bottom: 1em;
}*/
/* CSS Document */
/*----------------------------------------------------------*/
.bold_Orange_24, .bold_Orange_16, .bold_Orange_14, .bold_Orange_13, .bold_Orange_12, .bold_Orange_10
{ font-weight: bold; color: #FF5A00; }
.bold_Orange_24 {font-size: 24px;}
.bold_Orange_16 {font-size: 16px;}
.bold_Orange_14 {font-size: 14px;}
.bold_Orange_13 {font-size: 13px;}
.bold_Orange_12 {font-size: 12px;}
.bold_Orange_10 {font-size: 10px;}
/*-----------------------------------------round border----------May 22, 2016 */
.tb_BotRow {margin:auto; margin-top:6px;
border-collapse:separate;
border-radius:8px; border:1px solid; border-color:#AAAAAA;
background-color:#FFFFFF;
}
.tb_TopRow {margin:auto; margin-top:6px;
border-collapse:separate;
border-radius:8px; border:1px solid; border-color:#AAAAAA;
background-color:#FFFFFF;
}
/*Basic button replace Contact us with image behind*/
.butAction_1
{
padding:6px 20px 5px 20px;
background:#666666;
font-size:16px;
font-weight:normal;
line-height:32px;
color:#FFFFFF !important;
-webkit-border-radius: 4px;
border-radius: 6px;
border-width:1px;
border-style:solid;
border-color:#A2A2A2;
cursor:pointer;
}
.butAction_1 A:link {color:#FFFFFF !important; text-decoration: none;}
.butAction_1 A:visited {color:#FFFFFF !important; text-decoration: none;}
.butAction_1 A:active {color:#FFFFFF !important; text-decoration: none;}
.butAction_1 A:hover {color:#FFFFFF !important; text-decoration: none;}
.butAction_1:hover
{
background-color:#FF5A00;
color:#FFFFFF;
}
.butAction_2
{
width:100%;
margin:4px 0 4px 0;
padding:3px 20px 3px 20px;
background:#CCCCCC;
font-size:16px;
font-weight:normal;
line-height:18px;
color:#000000 !important;
-webkit-border-radius: 4px;
border-radius: 6px;
border-width:1px;
border-style:solid;
border-color:#A2A2A2;
cursor:pointer;
}
.butAction_2 A:link {color:#FFFFFF !important; text-decoration: none;}
.butAction_2 A:visited {color:#FFFFFF !important; text-decoration: none;}
.butAction_2 A:active {color:#FFFFFF !important; text-decoration: none;}
.butAction_2 A:hover {color:#FFFFFF !important; text-decoration: none;}
.butAction_2:hover
{
background-color:#FF5A00;
color:#FFFFFF;
}
/*--------------------------------------------------------------May 22, 2016 */