body {
	min-width: 960px; text-align: center; 
    font-family: arial; 
    background-color:#e9f9f9;
    color: #042a98;
}





.table {
	width: px;
	margin-left: auto;
	margin-right: auto;
	font-size:12px;
}

a
{
    color:black;
    text-decoration:none
} 

a:hover
{
    color:white;
    background-color:red;
} 

h1 {
    position:relative;
}


.debug {
    position: absolute; 
	top: 420px;	   
}

noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}



//.wrap { position:relative;width:960px; margin:0 auto;}

.wrap {
	margin-left: auto;
	margin-right: auto;
    width: 960px;
}


.center  
{
   text-align: center; 
}


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

.error  {
    font-weight: bold;
    color: #FF0000;
}


.plain
{
	font: 12px Arial;
	color: black;
}

.extra_large
{
	font: 36px Arial;
	color: black;
}


.bgdarker
{
	background-color:#dddddd;
}


.grayed
{
	font: 12px Arial;
	color: gray;
}


.bold
{
	font: 12px Arial;
	color: black;
	font-weight: bold;	
}

.red
{
	color: red;
}




.small  
{
   font-size:xx-small;
}


ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}


ul.tabs li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 5px 15px;
	cursor: pointer;
	font: bold 12px Arial;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;		
}

ul.tabs li.current{
	background: #DEDEDE;
	color: #222;
}

.tab-content{
	display: none;
	background: #DEDEDE;
	padding: 15px;
	border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px10px5px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;	
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;	
}

.tab-content.current{
	display: inherit;
}



.header {
    position: relative; 
	left: -35px;
    background: #ebfafa url(/images/header.png) no-repeat center top;
	width: 108%;
	margin-left: auto;
	margin-right: auto;
    height:100px;
}


.toperror  {
    position: absolute;
	left: 45px;
	top: 63px;
	font-size:10px;
	font-family:Arial;
	font-weight:bold;	
	color: red;
	width: 162px;
	text-align: center;
}


.topmessage  {
    position: absolute;
	left: 45px;
	top: 63px;
	font-size:10px;
	font-family:Arial;
	//font-weight:bold;	
	color: green;
	width: 162px;
	text-align: center;
}


.headertext {
    position: relative; 
	font-weight: bold;
	left: -135px;
	top: 13px;
	font-size:xx-large
}


.sublabel {
    position: absolute;
	font: 12px Arial;
	width: 90px;
	text-align: right;	
}


.loadinggif  {
  //width:20%;
  display:block;
  position:absolute;
  left:0;
  right:0;
  top: 150px;
  margin:auto;;
}



.lblusr {
	left: 665px;
	top: 13px;
}

.lblgrp {
	left: 665px;
	top: 36px;
}


.userheader {
	font: 16px Arial;	
	text-align: center;	
	color: black;
}


.subheader {
    position: absolute;
	font: bold 12px Arial;	
	text-indent:5px;
	text-align: left;
	background-color : #ffffff;
	border:1px solid #456879;
	border-radius:5px;
    -o-text-overflow: ellipsis;   /* Opera */
    text-overflow:    ellipsis;   /* IE, Safari (WebKit) */
    overflow:hidden;              /* don't show excess chars */
    white-space:nowrap;           /* force single line */	
	height: 16px;
	width: 221px;
}

.selectheadergroup  {
    position: absolute;
	font: bold 12px Arial;	
	color: #042a98;
	padding-left: 1px;
	text-align: left;
	background-color : #ffffff;
	border:1px solid #456879;
	border-radius:5px;
	height: 17px;
	width: 223px;
}

.selectextracol  {
	font: bold 12px Arial;	
	color: #042a98;
	padding-left: 1px;
	text-align: left;
	background-color : #ffffff;
	border:1px solid #456879;
	border-radius:5px;
	height: 17px;
	width: 70;
}


.hdrusr {
	left: 760px;
	top: 12px;
}

.hdrgrp {
	left: 760px;
	top: 35px;
}


.lbl_company  {
	left: 570px;
	top: 27px;
    position: absolute;
	font: bold 13px Arial;
	font-style:italic;
	color: black;	
	text-align: right;
	//background-color : gray;	
	width: 80px;
}



.txt_company  {
    position: absolute;
	left: 653px;
	top: 27px;
	font: bold 13px Arial;
	color:#FF17E0;	
	text-align: right;
	height: 16px;
	width: 330px;
	
}


.noselect  {
	-webkit-touch-callout:none;
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
	user-select: none;
}




.clock {
    position: absolute;
	font: bold 24px Arial;	
	font-weight: bold;
	left: 580px;
	top: 19px;
	
}

.body {
    //background: #ebfafa url(/images/body.png) no-repeat center top;
    position: absolute; 
    width: 960px;
    top:102px;
    height:540px;
}


.browser_info  {
	font-size:big;
    position: relative; 
	margin-left: auto;
	margin-right: auto;
    //width: 350px;
    //height: 350px;
    top:80px;
}

.logon {
    background: #ebfafa url(/images/logon.png) no-repeat center top;
    position: relative; 
	margin-left: auto;
	margin-right: auto;
    width: 350px;
    height: 350px;
    top:100px;
}

.mailsent {
    background: #ebfafa url(/images/mailsent2.png) no-repeat center top;
    position: relative; 
	margin-left: auto;
	margin-right: auto;
    width: 550px;
    height: 350px;
    top:100px;
}


.logonerror {
	font: bold 10px Arial;
	color: red;	
}

table#logontable  {
    width: 96%;
    border: solid #000 0px;
}

table#mailsenttable  {
    width: 96%;
    border: solid #000 0px;
}


.logonleftcol  {
    width: 145px;
	text-align: right;
	font-size:small;
}


.logonlefturl  {
	font-size:xx-small;
    position: absolute;
	top: 180px;
	margin-left: 18px;	
	text-align: left;  
	color: red;
}

.logonrightturl  {
	font-size:xx-small;
    position: absolute;
	right: 0px;
	top: 180px;
	margin-right: 25px;
	text-align: right;  
}

.footer {
    color: #FF0080;
    text-align: center; 	
	bottom:-25px;
    position: absolute; 
	font-size:xx-small;
    width: 960px;
	//top: 634px;
}


.inputlogon  {
	width: 150px;
	border: 1px solid #006;
}



.nojavascriptalert {
	background: #fff6bf;
	font: 16px Arial;
	color: red;
	//background-position: 25px 50%; 
	text-align: center;
	padding: 5px 25px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}


.ssl_img {
    position: absolute; 
	vertical-align:middle;
	top: 60px;
	left: 65px;
	font-size:x-small;	
	color: #00B32D;
}

.ssl_text {
    position: absolute; 
	vertical-align:middle;
	top: 62px;
	left: 86px;
	font-size:x-small;	
	color: #00B32D;
}



.indentmenu{
    font: bold 13px Arial;
    position: absolute; 
    left:213px; 
    top:59px;
    height:19px;
    width: 770px;
    overflow: hidden;
}

.indentmenu ul{
   margin: 0;
   padding: 0;
   float: left;
   height:18px;   
   width: 100%;
   border: 1px solid #564c66;          /*dark purple border*/
   border-width: 1px 0;
   background: black url(../images/btns/indentbg1.gif) center center repeat-x;
}

.indentmenu ul li{
   display: inline;
}

.indentmenu ul li a{
    float: left;
    color: white; /*text color*/
    padding: 0px 8px;
    text-decoration: none;
    border-right: 1px solid #564c66;   /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
    color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
    color: white !important; 		   /*text color of selected and active item*/
    padding-top: 1px; 				   /*shift text down 1px for selected and active item*/
    padding-bottom: 4px; 			   /*shift text down 1px for selected and active item*/
    background: black url(../images/btns/indentbg2.gif) center center repeat-x;
}


.timezone{
    font: bold 13px Arial;
	color: silver;
	float: right;
}

.helptextgreen  {
	color: green;
}



.button {
	background-image: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	background-image:    -moz-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	background-image:     -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	background-image:      -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	background-image:         linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
 	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px 	rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;
      -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;
           box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;
	border: solid 1px #ACACAC;
	border-color: #5E5E5E #888888 #696969 #888888;
	-webkit-border-radius: 16px;
    -moz-border-radius: 16px;
         border-radius: 16px;
	padding: 0px 12px 0px 12px;
   	text-decoration:none;
	display: inline-block;
	font-size: 12px;
	line-height: 17px;
	color: rgba(51,51,51,1);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.button:hover {
   //color: rgba(255,51,51,1);
   color: rgba(51,51,51,1);
}


.button:active {
   background-image: -webkit-linear-gradient(top, rgba(167,199,225,1) 0%,rgba(124,176,222,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(167,199,225,1) 0%,rgba(124,176,222,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(167,199,225,1) 0%,rgba(124,176,222,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(167,199,225,1) 0%,rgba(124,176,222,1) 100%);
   background-image:         linear-gradient(top, rgba(167,199,225,1) 0%,rgba(124,176,222,1) 100%);
   -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(182,226,244,1)inset, 0px -16px 0px 0px rgba(99,165,219,1)inset;
      -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(182,226,244,1)inset, 0px -16px 0px 0px rgba(99,165,219,1)inset;
           box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(182,226,244,1)inset, 0px -16px 0px 0px rgba(99,165,219,1)inset;
   border: solid 1px #323D9F;
   border-color: #323D9F #3365B4 #3365B4 #3365B4;
}


.buttonred {
	background-image: -webkit-linear-gradient(top, rgba(252,175,175,1) 0%,rgba(243,175,175,1) 100%);
	background-image:    -moz-linear-gradient(top, rgba(252,175,175,1) 0%,rgba(243,175,175,1) 100%);
	background-image:     -ms-linear-gradient(top, rgba(252,175,175,1) 0%,rgba(243,175,175,1) 100%);
	background-image:      -o-linear-gradient(top, rgba(252,175,175,1) 0%,rgba(243,175,175,1) 100%);
	background-image:         linear-gradient(top, rgba(252,175,175,1) 0%,rgba(243,175,175,1) 100%);
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,175,175,1)inset, 0px -16px 0px 0px rgba(237,175,175,1)inset;
      -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,175,175,1)inset, 0px -16px 0px 0px rgba(237,175,175,1)inset;
           box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,175,175,1)inset, 0px -16px 0px 0px rgba(237,175,175,1)inset;
	border: solid 1px #ACACAC;
	border-color: #5E5E5E #888888 #696969 #888888;
	-webkit-border-radius: 16px;
    -moz-border-radius: 16px;
         border-radius: 16px;
	padding: 0px 12px 0px 12px;	
   	text-decoration:bold;
	display: inline-block;
	font-size: 12px;
	line-height: 17px;
	//color: rgba(51,51,51,1);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}




.buttonred:active {
   background-image: -webkit-linear-gradient(top, rgba(167,0,0,1) 0%,rgba(124,0,0,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(167,0,0,1) 0%,rgba(124,0,0,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(167,0,0,1) 0%,rgba(124,0,0,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(167,0,0,1) 0%,rgba(124,0,0,1) 100%);
   background-image:         linear-gradient(top, rgba(167,0,0,1) 0%,rgba(124,0,0,1) 100%);
   -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(182,226,100,1)inset, 0px -16px 0px 0px rgba(255,255,100,1)inset;
      -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(182,226,100,1)inset, 0px -16px 0px 0px rgba(255,255,100,1)inset;
           box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(182,226,100,1)inset, 0px -16px 0px 0px rgba(255,255,100,1)inset;
   border: solid 1px #323D9F;
   border-color: #323D9F #3365B4 #3365B4 #3365B4;
}


.buttonred:hover {
   //color: rgba(255,51,51,1);
   color: rgba(51,51,51,1);
}



.fixbtn {
	position: relative; 
	margin-top: 2px;
	background-image: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	background-image:    -moz-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	background-image:     -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	background-image:      -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	background-image:         linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px 	rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;
      -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;
           box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;
	border: solid 1px #ACACAC;
	border-color: #5E5E5E #888888 #696969 #888888;
	-webkit-border-radius: 16px;
    -moz-border-radius: 16px;
         border-radius: 16px;
	padding: 0px 6px 0px 6px;
   	text-decoration:none;
	height: 25px;
	display: inline-block;
	font-size: 12px;
	line-height: 25px;
	width: 80px;
	font-weight:bold;	
	color: rgba(51,51,51,1);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    -o-text-overflow: ellipsis;   /* Opera */
    text-overflow:    ellipsis;   /* IE, Safari (WebKit) */
    overflow:hidden;              /* don't show excess chars */
    white-space:nowrap;           /* force single line */	
}

.fixbtn:hover {
	color: rgba(255,51,51,1);
}

.fixbtndisabled {
	position: relative; 
	margin-top: 2px;
	background-image: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	background-image:    -moz-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	background-image:     -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	background-image:      -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	background-image:         linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px 	rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;
      -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;
           box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;
	border: solid 1px #ACACAC;
	border-color: #5E5E5E #888888 #696969 #888888;
	-webkit-border-radius: 16px;
    -moz-border-radius: 16px;
         border-radius: 16px;
	padding: 0px 6px 0px 6px;
   	text-decoration:none;
	font-style:italic;
	color: #A3A3A3;
	height: 25px;
	display: inline-block;
	font-size: 12px;
	line-height: 25px;
	width: 80px;
	cursor: default;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    -o-text-overflow: ellipsis;   /* Opera */
    text-overflow:    ellipsis;   /* IE, Safari (WebKit) */
    overflow:hidden;              /* don't show excess chars */
    white-space:nowrap;           /* force single line */	
}


.fixbtndisabled:hover {
	color:#A3A3A3;
}


.fixbtn:active {
   background-image: -webkit-linear-gradient(top, rgba(167,199,225,1) 0%,rgba(124,176,222,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(167,199,225,1) 0%,rgba(124,176,222,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(167,199,225,1) 0%,rgba(124,176,222,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(167,199,225,1) 0%,rgba(124,176,222,1) 100%);
   background-image:         linear-gradient(top, rgba(167,199,225,1) 0%,rgba(124,176,222,1) 100%);
   -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(182,226,244,1)inset, 0px -16px 0px 0px rgba(99,165,219,1)inset;
      -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(182,226,244,1)inset, 0px -16px 0px 0px rgba(99,165,219,1)inset;
           box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(182,226,244,1)inset, 0px -16px 0px 0px rgba(99,165,219,1)inset;
   border: solid 1px #323D9F;
   border-color: #323D9F #3365B4 #3365B4 #3365B4;
}



.fixbtn_wide {
	position: relative; 
	margin-top: 2px;
	background-image: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	background-image:    -moz-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	background-image:     -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	background-image:      -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	background-image:         linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px 	rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;
      -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;
           box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;
	border: solid 1px #ACACAC;
	border-color: #5E5E5E #888888 #696969 #888888;
	-webkit-border-radius: 16px;
    -moz-border-radius: 16px;
         border-radius: 16px;
	padding: 0px 6px 0px 6px;
   	text-decoration:none;
	height: 25px;
	display: inline-block;
	font-size: 12px;
	line-height: 25px;
	width: 160px;
	font-weight:bold;	
	color: rgba(51,51,51,1);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    -o-text-overflow: ellipsis;   /* Opera */
    text-overflow:    ellipsis;   /* IE, Safari (WebKit) */
    overflow:hidden;              /* don't show excess chars */
    white-space:nowrap;           /* force single line */	
}

.fixbtn_wide:hover {
	color: rgba(255,51,51,1);
}

.fixbtn_wide_disabled {
	position: relative; 
	margin-top: 2px;
	background-image: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	background-image:    -moz-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	background-image:     -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	background-image:      -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	background-image:         linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px 	rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;
      -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;
           box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;
	border: solid 1px #ACACAC;
	border-color: #5E5E5E #888888 #696969 #888888;
	-webkit-border-radius: 16px;
    -moz-border-radius: 16px;
         border-radius: 16px;
	padding: 0px 6px 0px 6px;
	cursor: pointer;
   	text-decoration:none;
	font-style:italic;
	color: #A3A3A3;
	height: 25px;
	display: inline-block;
	font-size: 12px;
	line-height: 25px;
	width: 160px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    -o-text-overflow: ellipsis;   /* Opera */
    text-overflow:    ellipsis;   /* IE, Safari (WebKit) */
    overflow:hidden;              /* don't show excess chars */
    white-space:nowrap;           /* force single line */	
}


.fixbtn_wide_disabled:hover {
	cursor: default;
	color:#A3A3A3;
}


.fixbtn_wide:active {
   background-image: -webkit-linear-gradient(top, rgba(167,199,225,1) 0%,rgba(124,176,222,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(167,199,225,1) 0%,rgba(124,176,222,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(167,199,225,1) 0%,rgba(124,176,222,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(167,199,225,1) 0%,rgba(124,176,222,1) 100%);
   background-image:         linear-gradient(top, rgba(167,199,225,1) 0%,rgba(124,176,222,1) 100%);
   -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(182,226,244,1)inset, 0px -16px 0px 0px rgba(99,165,219,1)inset;
      -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(182,226,244,1)inset, 0px -16px 0px 0px rgba(99,165,219,1)inset;
           box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(182,226,244,1)inset, 0px -16px 0px 0px rgba(99,165,219,1)inset;
   border: solid 1px #323D9F;
   border-color: #323D9F #3365B4 #3365B4 #3365B4;
}



.imgbtn {
  cursor: pointer;
  outline: none;
}

.imgbtn:active {
  transform: translate(1px, 1px);
}


.btnred  {
	color: red;
}

.btnred:hover  {
	color: red;
}

.btnlarge  {
	width: 180px;
}


.floatleft   {
	float: left;
}

.floatright   {
	float: right;
}


.arrow-n,
.arrow-e,
.arrow-s,
.arrow-w {
  /*
   * In Internet Explorer, The"border-style: dashed" will never be
   * rendered unless "(width * 5) >= border-width" is true.
   * Since "width" is set to "0", the "dashed-border" remains
   * invisible to the user, which renders the border just like how
   * "border-color: transparent" renders.
   */
  border-style: dashed;
  border-color: transparent;
  border-width: 0.53em;
  display: -moz-inline-box;
  display: inline-block;
  /* Use font-size to control the size of the arrow. */
  font-size: 10px;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  width: 0;
}

.arrow-n {
  border-bottom-width: 1em;
  border-bottom-style: solid;
  border-bottom-color: #666;
  bottom: 0.38em;
}

.arrow-e {
  border-left-width: 1em;
  border-left-style: solid;
  border-left-color: #666;
  top: -0.12em;  
  left: 0.35em;
}
                    
.arrow-s {
  border-top-width: 1em;
  border-top-style: solid;
  border-top-color: #666;
  top: 0.15em;
}

.arrow-w {
  border-right-width: 1em;
  border-right-style: solid;
  border-right-color: #666;
  top: -0.12em;
  right: 0.37em;
}



/* @group Blink */

.blink {
    -webkit-animation: blink 1s linear infinite;
    -moz-animation: blink 1s linear infinite;
    -ms-animation: blink 1s linear infinite;
    -o-animation: blink 1s linear infinite;
    animation: blink 1s linear infinite;
}

@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

/* @end */


.btn_red {
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:solid 1px #000000;
	padding:5px 0px;
	min-width: 85px;
	width: 85px;
	text-align: center;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #F2A7A7), color-stop(100%, #F2A7A7) );
	background:-moz-linear-gradient( center top, #F2A7A7 5%, #F2A7A7 100% );
	background:-ms-linear-gradient( top, #F2A7A7 5%, #F2A7A7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2A7A7', endColorstr='#F2A7A7');
	background-color:#F2A7A7;
	color:#000000;
	display:inline-block;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
	cursor:default;	
	
}

.btn_red:hover {
	color:#000000;
}



.btn_green {
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:solid 1px #000000;
	padding:5px 0px;
	min-width: 85px;
	width: 85px;
	text-align: center;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #B3F084), color-stop(100%, #ABE67E) );
	background:-moz-linear-gradient( center top, #B3F084 5%, #ABE67E 100% );
	background:-ms-linear-gradient( top, #B3F084 5%, #ABE67E 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3F084', endColorstr='#ABE67E');  
	background-color:#B3F084;  
	color:#000000;
	display:inline-block;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
	cursor:default;	
}

.btn_green:hover {
	color:#000000;	
}


.btn_blue {
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:solid 1px #000000;
	padding:5px 0px;
	min-width: 85px;
	width: 85px;
	text-align: center;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #bddbfa), color-stop(100%, #80b5ea) );
	background:-moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% );
	background:-ms-linear-gradient( top, #bddbfa 5%, #80b5ea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
	background-color:#bddbfa;
	color:#000000;
	display:inline-block;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
	cursor:default;	
}

.btn_blue:hover {
	color:#000000;
}



.btn_yellow {
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:solid 1px #000000;
	padding:5px 0px;
	min-width: 85px;
	width: 85px;
	text-align: center;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffff73), color-stop(100%, #E3E366) );
	background:-moz-linear-gradient( center top, #ffff73 5%, #E3E366 100% );
	background:-ms-linear-gradient( top, #ffff73 5%, #E3E366 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff73', endColorstr='#E3E366');
	background-color:#ffff73;
	color:#000000;
	display:inline-block;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:default;
}



.btn_yellow:hover {
	color:#000000;
}


.btn_white {
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:solid 1px #000000;
	padding:5px 0px;
	min-width: 85px;
	width: 85px;
	text-align: center;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #FFFFFF), color-stop(100%, #FFFFFF) );
	background:-moz-linear-gradient( center top, #FFFFFF 5%, #FFFFFF 100% );
	background:-ms-linear-gradient( top, #FFFFFF 5%, #FFFFFF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF');
	background-color:#ffffff;
	color: red;
	display:inline-block;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
	cursor:default;	
}



.btn_white:hover {
	color: red;
}



.btn_gray {
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	font-style:italic;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:solid 1px #ACACAC;
	
	padding:5px 0px;
	min-width: 85px;
	width: 85px;
	//height: 20px;
	text-align: center;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #ededed) );
	background:-moz-linear-gradient( center top, #ededed 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	color:#333333;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;		
	cursor:default;
}


.btn_gray:hover {
	color:#333333;
}


.pointercursor {
	cursor:pointer;
}

div.msgBox
{
    padding: 4px 10px 4px 10px;
    position: fixed;
    z-index: 1000;
    font-family:Arial;
    width: 430px;
    min-height:160px;
    color: #00335e;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0px 0px 11px #000000;
    -webkit-box-shadow: 0px 0px 11px #000000;
    box-shadow: 0px 0px 11px #000000;
    background-image: url('../Images/msgBoxBackGround.png');
}
div.msgBoxBackGround
{
    top:0;
    left:0;
    position:absolute;
    padding:0;
    margin:0;
    width:100%;
    height:100%;
    background-color:#000000;
    opacity:0.9;
    z-index:999;
}
div.msgBoxTitle
{
    padding:5px 0 5px 0;
    font-variant:small-caps;
    font-size:16pt;
    font-weight:lighter;
    color:#00335e;
    width:100%;
    border-bottom : 1px solid #002c5f;
}
div.msgBoxImage
{
    margin:20px 5px 0 5px;
    display:inline-block;
    float:left;
    height:75px;
    width:75px;
}
div.msgBoxImage img
{
    height:75px;
    width:75px;
}
div.msgBoxContent
{
    font-size:11pt;
    margin:0 3px 6px 3px;
    display:inline-block;
    float:left;
    height:90px;
    width:319px;
}
div.msgBoxContent p
{
    padding:0;
    margin:0;
    display: table;
    height: 100%;
    width: 100%;
}

div.msgBoxContent span 
{
    display: table-cell;
    vertical-align: middle;
    color: #00335e;
}

div.msgBoxButtons
{
    display:inline-block;
    width:100%;
    text-align:center;
}
div.msgBoxButtons input[type='button']
{
    cursor:pointer;
    margin:2px;
    height:35px;
    width:90px;	
	text-align:center;
    border:1px solid #AFAFAF;
    background-color:#004076;
    color:#FFFFFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
div.msgBoxButtons input[type='button']:hover
{
    background-color:#00549c;
    color:White;
}
div.msgBoxButtons input[type='button']:active
{
    background-color:#AAAAAA;
    color:White;
}

div.msgBoxInputs
{
    margin:0 auto;
    padding-top:2px;
    padding-bottom:2px;
    margin-top:5px;
    width:195px;
}
div.msgInput input[type='text'],div.msgInput input[type='password']
{
    padding:4px;
    border:1px solid #DFDFDF;
    color:#2f2f2f;
    width:180px;
}
div.msgInput text
{
    color:#2f2f2f;
    font-size:10pt;
}

::-webkit-input-placeholder {
    color: #888888;
    opacity: 1 !important; /* for chrome */
}

:-moz-placeholder { /* Firefox 18- */
    color: #888888;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #888888;
}

:-ms-input-placeholder {  
   color: #888888;
}




.Kcheckbox {
	position: relative;
	width: 85px;
	height: 25px;
	//border:0px solid #000000;
	border:solid 1px #000000;
	cursor: default;

	background: #E8E8E8;
	//margin: 10px 30px;

	border-radius: 25px;
	position: relative;
}

.Kcheckbox:disabled {
	background: #E8E8E8;
	//margin: 10px 30px;

	border-radius: 25px;
	position: relative;
}




.Kcheckbox:before {
	content: 'On';
	position: absolute;
	top: 4px;
	left: 14px;
	height: 1px;
	color: #000000;
	font-size: 12px;
	font-weight:bold;
}	



	
.Kcheckbox:after {
	content: 'Off';
	position: absolute;
	top: 4px;
	left: 52px;
	height: 2px;
	color: #000000;
	font-size: 12px;
	font-weight:bold;
}

.Kcheckbox label {
	display: block;
	width: 30px;
	height: 14px;
	//border:2px solid #000000;
	border:solid 1px #000000;
	border-radius: 25px;

	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	z-index: 1;
	left: 3px;
	background: #F2A7A7;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}


.Kcheckbox input[type=checkbox]:checked + label {
	left: 44px;
	background: #B3F084;
}	


.Kcheckbox input[type=checkbox]:disabled  + label{
	background: #E8E8E8;
	cursor: auto;
}	





.KcheckboxRO {
	position: relative;
	width: 85px;
	height: 25px;
	//border:0px solid #000000;
	border:solid 1px #000000;
	cursor: auto;

	background: #E8E8E8;
	//margin: 10px 30px;

	border-radius: 25px;
	position: relative;
}

.KcheckboxRO:disabled {
	background: #E8E8E8;
	//margin: 10px 30px;

	border-radius: 25px;
	position: relative;
}


.KcheckboxRO:before {
	content: 'On';
	position: absolute;
	top: 4px;
	left: 14px;
	height: 1px;
	color: #000000;
	font-size: 12px;
	font-weight:bold;
}	

	
.KcheckboxRO:after {
	content: 'Off';
	position: absolute;
	top: 4px;
	left: 52px;
	height: 2px;
	color: #000000;
	font-size: 12px;
	font-weight:bold;
}

.KcheckboxRO label {
	display: block;
	width: 30px;
	height: 14px;
	//border:2px solid #000000;
	border:solid 1px #000000;
	border-radius: 25px;

	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease;
	cursor: auto;
	position: absolute;
	top: 3px;
	z-index: 1;
	left: 3px;
	background: #F2A7A7;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}


.KcheckboxRO input[type=checkbox]:checked + label {
	left: 44px;
	background: #B3F084;
}	


.KcheckboxRO input[type=checkbox]:disabled  + label{
	//background: #E8E8E8;
	cursor: auto;
}	


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



.KcheckboxNoOnOff {
	position: relative;
	width: 85px;
	height: 25px;
	//border:0px solid #000000;
	border:solid 1px #000000;
	cursor: default;

	background: #E8E8E8;
	//margin: 10px 30px;

	border-radius: 25px;
	position: relative;
}

.KcheckboxNoOnOff:disabled {
	background: #E8E8E8;
	//margin: 10px 30px;

	border-radius: 25px;
	position: relative;
}




.KcheckboxNoOnOff:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 14px;
	height: 1px;
	color: #000000;
	font-size: 12px;
	font-weight:bold;
}	



	
.KcheckboxNoOnOff:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 52px;
	height: 2px;
	color: #000000;
	font-size: 12px;
	font-weight:bold;
}

.KcheckboxNoOnOff label {
	display: block;
	width: 30px;
	height: 14px;
	//border:2px solid #000000;
	border:solid 1px #000000;
	border-radius: 25px;

	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	z-index: 1;
	left: 3px;
	background: #80e6f2;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}


.KcheckboxNoOnOff input[type=checkbox]:checked + label {
	left: 44px;
	background: #80e6f2;
}	


.KcheckboxNoOnOff input[type=checkbox]:disabled  + label{
	background: #E8E8E8;
	cursor: auto;
}	





.KcheckboxNoOnOffRO {
	position: relative;
	width: 85px;
	height: 25px;
	//border:0px solid #000000;
	border:solid 1px #000000;
	cursor: auto;

	background: #E8E8E8;
	//margin: 10px 30px;

	border-radius: 25px;
	position: relative;
}

.KcheckboxNoOnOffRO:disabled {
	background: #E8E8E8;
	//margin: 10px 30px;

	border-radius: 25px;
	position: relative;
}


.KcheckboxNoOnOffRO:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 14px;
	height: 1px;
	color: #000000;
	font-size: 12px;
	font-weight:bold;
}	

	
.KcheckboxNoOnOffRO:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 52px;
	height: 2px;
	color: #000000;
	font-size: 12px;
	font-weight:bold;
}

.KcheckboxNoOnOffRO label {
	display: block;
	width: 30px;
	height: 14px;
	//border:2px solid #000000;
	border:solid 1px #000000;
	border-radius: 25px;

	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease;
	cursor: auto;
	position: absolute;
	top: 3px;
	z-index: 1;
	left: 3px;
	background: #F2A7A7;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}


.KcheckboxNoOnOffRO input[type=checkbox]:checked + label {
	left: 44px;
	background: #B3F084;
}	


.KcheckboxNoOnOffRO input[type=checkbox]:disabled  + label{
	//background: #E8E8E8;
	cursor: auto;
}