﻿




* {
    font-family: Arial;
    font-size: medium;
    
}


        ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: white;
        color: black;
        }

        li {
        float: left;
        }

        li a, .dropbtn {
        display: inline-block;
        color: black;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        }

        li a:hover, .dropdown:hover .dropbtn {
        background-color: #89c7ee;
        }

		.dropbtn:hover {
		font-weight: bold;
		}

        li.dropdown {
        display: inline-block;
        }

        .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        }

        .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
        }

        .dropdown-content a:hover {background-color: #f1f1f1}

        .dropdown:hover .dropdown-content {
        display: block;
        }



/*8888888888888888888888888888888888888888888888888888888888888888*/

/*

*
{
	font-family:Arial;
	    font-size:small;
        background-color:White;
    margin-right: 0px;
    }

form
{
	background-color:White;
	border-width:2px;
	border-color:White;
}

body {
 margin: 0;
 padding: 0;
 border: 10px solid White;
 }

*/

.table_vis
{
width:100%;
font-family:Arial;
border:1px solid #C6E2FF;
border-collapse:collapse;
}

.td_vis
{
padding:3px;
border:1px solid #C6E2FF;
font-family:Arial;
}

.td_vis_big
{
padding:3px;
border:1px solid #C6E2FF;
font-family:Arial;
font-size:x-large;
}

.InputText {
    background-color: #e6f2ff;
    color: Black;
    border-color: #6699FF;
    border-width: 2px;
    border-style: solid;
    height: 25px;
}

.InputText_Dropdown {
    background-color: #e6f2ff;
    color: Black;
    border-color: #6699FF;
    border-width: 2px;
    border-style: solid;
    height: 31px;
}

.InputText_Mobile
{
	font-family:Arial;
	background-color:White;
	font-size:xx-large;
	color:Black;
	border-color:#6699FF;
	border-width:2px;
	border-style:solid ;
}

::-ms-clear {
      display: none;
  }
input[type=text]::-ms-clear { display: none; }


.InputText_Number {
    background-color: #e6f2ff;
    color: Black;
    border-color: #6699FF;
    border-width: 2px;
    border-style: solid;
    height: 25px;
    text-align: right;
}
    

.InputText_Number_Mobile
{
	border-color:#6699FF;
    font-family:Franklin Gothic Book, Arial;
	background-color:White;
	color:Black;
	text-align:right;
    font-size:xx-large;
	border-color:#6699FF;
	border-width:2px;
	border-style:solid ;
}

.InputText_NumberDropdown {
    background-color: #e6f2ff;
    color: Black;
    border-color: #6699FF;
    border-width: 2px;
    border-style: solid;
    height: 31px;
    text-align: right;
}

.HiddenText
{
	font-family:Courier New;
	background-color:White;
	color:#d5eaff;
	border:0;
}



.LabelText
{
	background-color:White;
	color:Black;
	border-width:0px;
}

.LabelText_Mobile
{
	font-family:Arial;
	background-color:White;
	font-size:xx-large;
	color:Black;
	border-width:0px;
}

.LabelTextUL_Mobile
{
	font-family:Arial;
	background-color:White;
	font-size:xx-large;
	text-decoration:underline;
	color:Black;
	border-width:0px;
}

.LabelTextExplantion_Mobile
{
	font-family:Arial;
	background-color:White;
	font-size:x-large;
	font-style:italic;	
	color:Gray;
	border-width:0px;
}

.LinkText_Mobile
{
	font-family:Arial;
	background-color:White;
	font-size:xx-large;
	color:Blue;
	border-width:0px;
}

.LabelText_Massive
{
	font-family:Arial;
	font-size:xx-large;
	color:Black;
	border-width:0px;
}

.LabelText_R
{
	font-family:Arial;
	background-color:White;
	color:Black;
	border:1;
	text-align:right;
}

.SectionHeader {
    font-weight: bold;

    color: #404040;
}

.Header
{
    font-weight:bold;
}

.ErrorAlert
{
    font-weight:bold;
    color:Red;
}

.FormHyperlink
{
	font-family:Arial;
	background-color:#d5eaff;
	color:red;
}

.ColumnSort
{
	font-family:Arial;
	text-decoration:underline;
	font-weight:bold;
	background-color:white;
	color:Blue;
	border-style:none;
}

.TableStyle
{
	font-family:Arial;
	background-color:white;
	color:Black;
    height: 52px;
    padding: 3px;
}

.PanelBack
{
    background-color:#d5eaff
}

/********************************************************************************/

.Section_ALL
{
    border-style: solid solid solid solid; border-width: medium; border-color: #C6E2FF; border-radius: 5px 5px 5px 5px;
}

.Section_ALL_Whiteback
{
    border-style: solid solid solid solid; border-width: medium; border-color: #C6E2FF;
    background-color:white;
}

.Section_T
{
    border-style: solid none none none; border-width:medium ; border-color: #C6E2FF
}

.Section_R
{
    border-style: none solid none none; border-width: medium; border-color: #C6E2FF
}

.Section_B
{
    border-style: none none solid none; border-width: medium; border-color: #C6E2FF
}

.Section_L
{
    border-style: none none none solid; border-width: medium; border-color: #C6E2FF
}

.Section_TR
{
    border-style: solid solid none none; border-width: medium; border-color: #C6E2FF; border-radius: 0px 5px 0px 0px;
}

.Section_BR
{
    border-style: none solid solid none; border-width: medium; border-color: #C6E2FF; border-radius: 0px 0px 5px 0px;
}

.Section_BL
{
    border-style: none none solid solid; border-width: medium; border-color: #C6E2FF; border-radius: 0px 0px 0px 5px;
}

.Section_TL
{
    border-style: solid none none solid; border-width: medium; border-color: #C6E2FF; border-radius: 5px 0px 0px 0px;
}

.Section_TLR
{
    border-style: solid solid none solid; border-width: medium; border-color: #C6E2FF; border-radius: 5px 5px 0px 0px;
}

.Section_TRB
{
    border-style: solid solid solid none; border-width: medium; border-color: #C6E2FF; border-radius: 0px 5px 5px 0px;
}

.Section_TBL
{
    border-style: solid none solid solid; border-width: medium; border-color:#C6E2FF; border-radius: 5px 0px 0px 5px;
}

.Section_BLR
{
    border-style: none solid solid solid; border-width: medium; border-color: #C6E2FF; border-radius: 0px 0px 5px 5px;
}

.Section_LR
{
    border-style: none solid none solid; border-width: medium; border-color: #C6E2FF; border-radius: 0px 0px 0px 0px;
}

.Section_TB
{
    border-style: solid none solid none; border-width: medium; border-color: #C6E2FF; border-radius: 0px 0px 0px 0px;
}

/********************************************************************************/



.ButtonSection_ALL_Whiteback
{
    border-style: solid solid solid solid; border-width: medium; border-color: #C6E2FF; vertical-align:middle;padding: 15px 15px;
    background-color:white;
}

.ButtonSection_T
{
    border-style: solid none none none; border-width:medium ; border-color: #C6E2FF; vertical-align:middle;padding: 15px 15px;
}

.ButtonSection_R
{
    border-style: none solid none none; border-width: medium; border-color: #C6E2FF; vertical-align:middle;padding: 15px 15px;
}

.ButtonSection_B
{
    border-style: none none solid none; border-width: medium; border-color: #C6E2FF; vertical-align:middle;padding: 15px 15px;
}

.ButtonSection_L
{
    border-style: none none none solid; border-width: medium; border-color: #C6E2FF; vertical-align:middle;padding: 15px 15px;
}

.ButtonSection_TR
{
    border-style: solid solid none none; border-width: medium; border-color: #C6E2FF; border-radius: 0px 5px 0px 0px; vertical-align:middle;padding: 15px 15px;
}

.ButtonSection_BR
{
    border-style: none solid solid none; border-width: medium; border-color: #C6E2FF; border-radius: 0px 0px 5px 0px; vertical-align:middle;padding: 15px 15px;
}

.ButtonSection_BL
{
    border-style: none none solid solid; border-width: medium; border-color: #C6E2FF; border-radius: 0px 0px 0px 5px; vertical-align:middle;padding: 15px 15px;
}

.ButtonSection_TL
{
    border-style: solid none none solid; border-width: medium; border-color: #C6E2FF; border-radius: 5px 0px 0px 0px; vertical-align:middle;padding: 15px 15px;
}

.ButtonSection_TLR
{
    border-style: solid solid none solid; border-width: medium; border-color: #C6E2FF; border-radius: 5px 5px 0px 0px; vertical-align:middle;padding: 15px 15px;
}

.ButtonSection_TRB
{
    border-style: solid solid solid none; border-width: medium; border-color: #C6E2FF; border-radius: 0px 5px 5px 0px; vertical-align:middle;padding: 15px 15px;
}

.ButtonSection_TBL
{
    border-style: solid none solid solid; border-width: medium; border-color:#C6E2FF; border-radius: 5px 0px 0px 5px; vertical-align:middle;padding: 15px 15px;
}

.ButtonSection_BLR
{
    border-style: none solid solid solid; border-width: medium; border-color: #C6E2FF; border-radius: 0px 0px 5px 5px; vertical-align:middle;padding: 15px 15px;
}

.ButtonSection_LR
{
    border-style: none solid none solid; border-width: medium; border-color: #C6E2FF; border-radius: 0px 0px 0px 0px; vertical-align:middle;padding: 15px 15px;
}

.ButtonSection_TB
{
    border-style: solid none solid none; border-width: medium; border-color: #C6E2FF; border-radius: 0px 0px 0px 0px; vertical-align:middle;padding: 15px 15px;
}

.ButtonSection_NoBorder
{
    border-style: none none none none; vertical-align:middle;padding: 10px 10px;
}


/********************************************************************************/


.PopUpMenu
{
    background-color:#f9f9f9;
    border-style:  solid; 
    border-width:0px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.PopUpMenuText
{
    background-color:#f9f9f9;;
    color:#404040;
    font-size:large;
    padding:5px 5px 5px 5px;
    display:inline-block;
}

a:link    {
  /* Applies to all unvisited links */
  text-decoration:  none;
 
  } 
a:visited {
  /* Applies to all visited links */
  text-decoration:  none;
  } 
a:hover   {
  /* Applies to links under the pointer */
  text-decoration:  underline;
  /*font-weight:      bold;*/
  }

.aHover:hover {
	/* Applies to links under the pointer */
	text-decoration: underline;
	font-weight: bold;
} 

a:active  {
  /* Applies to activated links */
  text-decoration:  underline;
  } 



.button.blue 
{
border-color: #0076a3;
background: #49b3fc;
background: -moz-linear-gradient(top, #76c7ff 0%, #1da0fa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76c7ff), color-stop(100%,#1da0fa));
background: -webkit-linear-gradient(top, #76c7ff 0%,#1da0fa 100%);
background: -o-linear-gradient(top, #76c7ff 0%,#1da0fa 100%);
background: -ms-linear-gradient(top, #76c7ff 0%,#1da0fa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76c7ff', endColorstr='#1da0fa',GradientType=0 );
background: #49b3fc;
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0,0,0,.1);
height: 30px;
padding: 0px 0px;
width:150px;
}

.button.pink {
    border-color: #ff00ff;
    background: #ff00ff;
    background: -moz-linear-gradient(top, #ff00ff 0%, #ff00ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff00ff), color-stop(100%,#ff00ff));
    background: -webkit-linear-gradient(top, #ff00ff 0%,#ff00ff 100%);
    background: -o-linear-gradient(top, #ff00ff 0%,#bfbfbf 100%);
    background: #ff00ff;
    color: #fff !important;
    height: 30px;
    padding: 0px 0px;
    width: 150px;
}

.button.grey {
    border-color: #bfbfbf;
    background: #a6a6a6;
    background: -moz-linear-gradient(top, #e6e6e6 0%, #bfbfbf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#bfbfbf));
    background: -webkit-linear-gradient(top, #e6e6e6 0%,#bfbfbf 100%);
    background: -o-linear-gradient(top, #e6e6e6 0%,#bfbfbf 100%);
    background: #a6a6a6;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.1);
    height: 30px;
    padding: 0px 0px;
    width: 150px;
}

.button.bluemobile 
{
border-color: #0076a3;
background: #49b3fc;
background: -moz-linear-gradient(top, #76c7ff 0%, #1da0fa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76c7ff), color-stop(100%,#1da0fa));
background: -webkit-linear-gradient(top, #76c7ff 0%,#1da0fa 100%);
background: -o-linear-gradient(top, #76c7ff 0%,#1da0fa 100%);
background: -ms-linear-gradient(top, #76c7ff 0%,#1da0fa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76c7ff', endColorstr='#1da0fa',GradientType=0 );
background: #49b3fc;
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0,0,0,.1);
height: 250px;
padding: 0px 0px;
width: 250px;
font-size: xx-large;
}

.button.green 
{
border-color: #005718;
background: #a6ffbe;
background: -moz-linear-gradient(top, #76c7ff 0%, #1da0fa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76c7ff), color-stop(100%,#1da0fa));
background: -webkit-linear-gradient(top, #76c7ff 0%,#1da0fa 100%);
background: -o-linear-gradient(top, #76c7ff 0%,#1da0fa 100%);
background: -ms-linear-gradient(top, #76c7ff 0%,#1da0fa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76c7ff', endColorstr='#1da0fa',GradientType=0 );
background: #a6ffbe;
color: #000000 !important;
text-shadow: 0 -1px 0 rgba(0,0,0,.1);
	height: 24px;
}



.button 
{
border: 1px solid #AAAAAA;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 -1px 0 rgba(255, 255, 255, 0.3) inset;
display: inline-block;
font: 100% Arial,Helvetica,sans-serif;
text-decoration: none !important;
vertical-align: middle;
}

 
.iButton
{
border-style:solid; 
border-width:2px;
padding: 15px 15px;
text-align: center;
text-decoration: none;		
}

label
{color:#404040;
}


.ButtonBox
{
vertical-align:middle;
padding: 15px 15px;
border-style: solid solid solid solid; border-width: medium; border-color: #C6E2FF; border-radius: 5px 5px 5px 5px;
	
}

.pulsate {
	-webkit-animation: pulsate 3s ease-out;
	-webkit-animation-iteration-count: infinite;
	opacity: 0.5;
}

@-webkit-keyframes pulsate {
	0% {
		opacity: 0.5;
	}

	50% {
		opacity: 1.0;
	}

	100% {
		opacity: 0.5;
	}
}

.ChkBoxClass input {
	width: 25px;
	height: 25px;
}