/**-----------------------------------------------------------------------------
*-------------------------------------------------------------------------------
*--- VARIABLES
*------------------------------------------------------------------------------- 
*-------------------------------------------------------------------------------
*/
/*::root {
    var-glswhite: #FFFFFF;
    var-glsblue: #172154;
    var-glsyellow: #FCBF00;
    var-glsblue10: #E7E8EE;
    var-glsblue20: #d1d3dd; SECONDARY
    var-glsblue30: #b9bccb;
    var-glsblue40: #a2a6bb;
    var-glsblue50: #8b90a9;  GRAY 
    var-glsblue60: #747a98;
    var-glsblue70: #5c6387;
    var-glsblue80: #454d76;
    var-glsblue90: #2e3765;

}*/
/*@variables colors {
    glswhite: #FFFFFF;
    glsblue: #172154;
    glsyellow: #FCBF00;
    glsblue10: #E7E8EE;
    glsblue20: #d1d3dd; SECONDARY
    glsblue30: #b9bccb;
    glsblue40: #a2a6bb;
    glsblue50: #8b90a9;  GRAY 
    glsblue60: #747a98;
    glsblue70: #5c6387;
    glsblue80: #454d76;
    glsblue90: #2e3765;
    
}*/


/**-----------------------------------------------------------------------------
*-------------------------------------------------------------------------------
*--- USED COLORS -- BEGIN
*------------------------------------------------------------------------------- 
*-------------------------------------------------------------------------------
*/

/**-----------------------------------------------------------------------------
*--- FORE COLORS -- BEGIN
*-------------------------------------------------------------------------------
*/
/*BLACK*/
.gls-black-color,
a.link_black:link,
a.link_black:visited,
a.link_black:hover,
div.linew,
div.lineb,
div.liney,
div.pleasewait
{
    color: #000000;
}

/* WHITE */
.gls-white-color,
th.colored, 
th.colored a,
select.repwiz,
a.link_white:hover,
a.link_white:link,
a.link_white:visited,
div.headtext_right,
.footer,
.table-header-column-blue,
.table-header-column-blue a
{
    color: #FFFFFF;
}

/* RED */
.gls-red-color,
div.error,
p.error,
div.tterror
{
    color: #FF0000;
}

/* BLUE */
.gls-blue-color, 
body,
body.subpage,
a,
select,
input[type=text], 
input[type=password],
input[type=file]
textarea,
input[type=submit],
button.large,
button,
.popup,
#tooltip_div,
a.link_gls:link,
a.link_gls:visited,
a.link_gls:hover,
a.link_gls_listhead:link,
a.link_gls_listhead:visited,
a.link_gls_listhead:hover,
div.listhead,
div.ttframe,
div.ttframe_ie,
a.logout,
.table-header-column-white,
.table-field-1,
.table-field-1 a,
.table-field-2,
.table-field-2 a,
.table-field-sum,

.menu li a.top_link:hover,
.menu li:hover > a.top_link,
.menu :hover ul.sub li a:hover

{
    color: #172154;
}

/*YELLOW*/
.gls-yellow-color,
a.pnum,
hr,
.popupItem:hover,
.tooltip_head

{
    color: #FCBF00;
}

/*GLS BLUE 10%*/
.gls-10-blue-color,
div.logoutframe,
div.logoutframe a

{ 
    color: #E7E8EE;
}

/*GLS BLUE 20% -- SECONDARY*/
.gls-20-blue-color,
.menu li a.top_link_disabled

{ 
    color: #D1D3DD;
}

/*GLS BLUE 30%*/
.gls-30-blue-color

{ 
    color: #B9BCCB;
}

/*GLS BLUE 40%*/
.gls-40-blue-color { 
    color: #A2A6BB;
}

/*GLS BLUE 50% - GRAY*/
.gls-50-blue-color,
select[disabled],
input[readonly],
input[disabled],


.menu :hover ul.sub li a,
.menu li a.top_link


{ 
    color: #8B90A9;
}

/**-----------------------------------------------------------------------------
*--- FORE COLORS -- END
*-------------------------------------------------------------------------------
*/

/**-----------------------------------------------------------------------------
*--- BACKGROUND COLORS -- BEGIN
*-------------------------------------------------------------------------------
*/
/*BLACK*/
.gls-black-bgcolor,
div.shadow,
div.disable
{
    background-color: #000000;
}

/*WHITE*/
.gls-white-bgcolor, 

body,
body.subpage,
table.colored_1,
table.colored_2,
td.colored_1,
tr.colored_1,
iframe,
button.delete,
div.linew,
div.mainframe,
div.pleasewait,
div.ttframe,
div.ttframe_ie,
.table-header-column-white,

.menu,
.menu :hover ul.sub,
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul

{
    background-color: #FFFFFF;
}

/*BLUE*/
.gls-blue-bgcolor, 
th.colored,
.popupItem:hover,
.tooltip_head,
.topheader,
.table-header-column-blue,
div.logoutframe
{
    background-color: #172154;
}

/*YELLOW*/
.gls-yellow-bgcolor, 
table.colored_3,
tr.colored_3,
td.colored_3,
.popup,
.popupaddress,
#tooltip_div,
/*a.link_gls:link,
a.link_gls:visited,
a.link_gls:hover,*/
div.liney,
div.listhead

{
    background-color: #FCBF00;
}

/*GLS BLUE 10%*/
.gls-10-blue-bgcolor,

.table-field-2,

.menu li a.top_link:hover,
.menu li a.top_link:hover span,
.menu li a.top_link:hover span.down,
.menu li:hover > a.top_link,
.menu li:hover > a.top_link span,
.menu li:hover > a.top_link span.down,
.menu :hover ul.sub li a:hover, 

input[type=submit], button, button.appBtnPrimary, button.appBtnSecondary

{
    background-color: #E7E8EE;
}

/*GLS BLUE 20%*/
.gls-20-blue-bgcolor, 
table.colored_0,
td.colored_0,
tr.colored_0,
select,
input[type=text], 
input[type=password],
textarea,
input[type=file],
div.lineb
/*,div.frame*/


{
    background-color: #D1D3DD;
}

/*GLS BLUE 30%*/
.gls-30-blue-bgcolor,
.table-field-sum

{
    background-color: #B9BCCB;
}

/*GLS BLUE 40%*/
.gls-40-blue-bgcolor {
    background-color: #A2A6BB;
}

/*GLS BLUE 50%*/
.gls-50-blue-bgcolor
{
    background-color: #8B90A9;
}

/*GLS BLUE 60%*/
.gls-60-blue-bgcolor
{
    background-color: #747A98;
}

/*GLS BLUE 70%*/
.gls-70-blue-bgcolor
{
    background-color: #5C6387;
}

/*GLS BLUE 80%*/
.gls-80-blue-bgcolor
{
    background-color: #454D76;
}

/*GLS BLUE 90%*/
.gls-90-blue-bgcolor
{
    background-color: #2E3765;
}

/**-----------------------------------------------------------------------------
*--- BACKGROUND COLORS -- END
*-------------------------------------------------------------------------------
*/

/**-----------------------------------------------------------------------------
*-------------------------------------------------------------------------------
*--- USED COLORS -- END
*------------------------------------------------------------------------------- 
*-------------------------------------------------------------------------------
*/


/**-----------------------------------------------------------------------------
*-------------------------------------------------------------------------------
*--- BORDERS -- BEGIN
*------------------------------------------------------------------------------- 
*-------------------------------------------------------------------------------
*/
.border-left-white,
.menu li.top 
{
    border-left-color: #FFFFFF;
    border-left-style: solid;
    border-left-width: 1px;
}

.border-right-white
/*.bodyframe,*/
/*.topheader,*/
/*.menu*/
{
    border-right-color: #FFFFFF;
    border-right-style: solid;
    border-right-width: 1px;
}

.border-bottom-white
/*.bodyframe,*/
/*.topheader,*/
/*.menu*/
{
    border-bottom-color: #FFFFFF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}



.border-white
/*.menu :hover ul.sub,
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul*/
{
    border: 1px solid white;
}

.border-blue,
select,
div.sub,
select.repwiz,
.popupaddress,
.popup,
#tooltip_div,
div.container,
div.listhead,
div.ttframe,
div.ttframe_ie,
div.logoutframe
{
    border-color: #172154;
    border-style: solid;
    border-width: 1px;
}

.border-blue-thick,
div.mainframe
{
    border-color: #172154;
    border-style: solid;
    border-width: 2px;
}


.border-bottom-blue-single,
.table-field-1,
.table-field-2,
.table-field-sum
{
    border-bottom-color: #172154;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}


.border-bottom-blue-double,
.table-header-column-white,
.menu

{
    border-bottom-color: #172154;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

.border-yellow,
hr 
{
    border-color: #FCBF00;
    border-style: solid;
    border-width: 1px;
}

.border-blue-30
{
    border-color: #B9BCCB;
    border-style: solid;
    border-width: 1px;
}

.border-red-30
{
    border-color: #F70010;
    border-style: solid;
    border-width: 1px;
}


.border-bottom-yellow-thick,
div.listpagehead
{
    border-bottom-color: #FCBF00;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

.border-top-yellow-thick,
div.listpagehead
{
    border-top-color: #FCBF00;
    border-top-style: solid;
    border-top-width: 2px;
}

.borderradius,
#tooltip_div,
div.frame
{
    border-radius: 7px;
}
/*gls-30-blue-bgcolor*/
.boxshadow,
#tooltip_div,
div.frame
{
    box-shadow: 0 0 4px #B9BCCB;
}


/**-----------------------------------------------------------------------------
*-------------------------------------------------------------------------------
*--- BORDERS -- END
*------------------------------------------------------------------------------- 
*-------------------------------------------------------------------------------
*/

/**-----------------------------------------------------------------------------
*-------------------------------------------------------------------------------
*--- SHADOWS -- BEGIN
*------------------------------------------------------------------------------- 
*-------------------------------------------------------------------------------
*/

/*gls-30-blue-bgcolor */
.gls-10-blue_textshadow,
div.frame
{
    text-shadow: 0 0 4px #E7E8EE;
}
/**-----------------------------------------------------------------------------
*-------------------------------------------------------------------------------
*--- SHADOWS -- END
*------------------------------------------------------------------------------- 
*-------------------------------------------------------------------------------
*/

html {overflow: auto;}

* {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9pt;
}

body.subpage,
body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.bodyframe {
	width: 1020px;
	min-height: 670px;
    height:auto !important;
    height: 670px; 
}


h1 {
    font-size: 15px;
}

table {
	empty-cells: show;
}

td {
	padding-left: 5px;
	padding-right: 10px;
}

td.labels {
	width: 150px;
}

td.mainframe {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 50px;
}

th {
	padding-left: 5px;
	padding-right: 10px;
	text-align: left;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.pnum {
	text-decoration: none;
}

a.pnum:hover {
	text-decoration: underline;
}

a.disabled {
	display: none;
}

select {
	width: 203px;
    border-radius: 4px;
}

input[type=text], 
input[type=password] {
	width: 200px;
    border-radius: 4px;
    padding:1px;
}

input[type=file] {
	width: 250px;
	height: 26px;
	text-align: right;
}

input[type=submit],
button.large,
button {
	font-weight: bold;
	font-size: 11px;
	width: 140px;
	height: 26px;
    border-radius: 7px;
}

button.large {
	width: 240px;
}

button.delete {
    width:15px;
    height:20px;
    border: none;
    background-image: url(../img/trash.gif); 
    background-repeat: no-repeat;
    cursor:pointer;
    cursor:hand;
}

form.hidden {
	position: absolute;
	top: 0px;
	left: 0px;
}

div.disable {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:+1;
	opacity:0.3;
	cursor:wait;
}

div.shadow {
	position:absolute;
	z-index:+2;
	opacity:0.5;
}

div.mainframe {
	position:absolute;
	z-index:+3;
}

p.error,
div.error {
	font-weight: bold;
	text-align: center ; 
    margin-left: auto ;
    margin-right: auto ;
    text-align: left;
    float:left;
}

p.error {
    float: none;
    font-weight: normal;
}

div.tterror {
	font-weight: bold;
	text-align: center ; 
    margin-left: auto ;
    margin-right: auto ;
    text-align: left;
}

p.h-center,
div.h-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


select.repwiz {
	width: 190px;
	height: 230px;
}

hr {
    width: 95%;
}

.popup
{
    display: none;
    z-index:10;
    position:absolute;
    width:200px;
}

.popupaddress
{
    max-height:200px;
    width:500px;
    z-index:10;
    overflow:auto;
    position:fixed;
}

.ui-button 
{ 
    margin-left: -1px; 
}

.ui-button-icon-only .ui-button-text 
{ 
    padding: 0.35em; 
}

.ui-autocomplete-input 
{ 
    width: 180px; 
    margin: 0; 
    padding: 0.48em 0 0.47em 0.45em; 
}

.ui-autocomplete 
{
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete { height: 200px; }

.ui-autocomplete-loading { background: white url('img/loading_24x24.gif') right center no-repeat; }
.input_label_getdate,
.input_label {
    margin: 1px;
    float:left;
    width: 250px;
    text-align: left;
}

/*.depplace_label {
    width: 150px;
}*/

/*.input_label_getdate{
    width:200px;
}*/

.input_text {
    margin: 1px;
    float:left;
}

/*------------------------------------------------------------------------------
--- TOOLTIP BEGIN
------------------------------------------------------------------------------*/
#tooltip_div {
	text-align:left;
/*	font-family: verdana, sans-serif;
	font-size: 11px;*/
    width: 200px;
    display: none;
    position: fixed;

}

.tooltip_head {
/*	font-family: verdana, sans-serif;
	font-size: 11px;*/
	font-weight: bold;
    margin:0 auto;
    width:100%;
    text-align: center;
    border-radius: 10px;
}

.tooltip_body {
    padding:6px;
}
/*------------------------------------------------------------------------------
--- TOOLTIP END
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
--- CLIENT_SUBCON BEGIN
------------------------------------------------------------------------------*/
.subline {
    margin: 0 auto;
    text-align: center;
}
/*------------------------------------------------------------------------------
--- CLIENT_SUBCON END
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
--- GAP CSS
------------------------------------------------------------------------------*/
form.main {
	/* text-align:center; */
}


/*select
{
    text-align:left;
	float:left;
    background-color:#FCBF00;
    border: 2px inset;
    width:204px;
    margin:2px;
    height:22px;
}*/

a.link_white:link,
a.link_white:visited {text-decoration: none;}

a.link_white:hover {text-decoration: underline;}

a.link_black:link,
a.link_black:visited {text-decoration: none;}
a.link_black:hover {text-decoration: underline;}

a.link_gls:link,
a.link_gls:visited {text-decoration: none;}
a.link_gls:hover {text-decoration: underline;}

a.link_gls_listhead:link,
a.link_gls_listhead:visited {text-decoration: none;}
a.link_gls_listhead:hover {text-decoration: underline;}


div.headtext_right
{
    font-size:16px;
    float:right;
}

div.maincontent
{
	position: relative; 
	top: -50%;
	/* height:100%; */
    min-height:400px;
    width:1020px;
    text-align:center;
}

div.linetext,
div.linew,
div.lineb,
div.liney,
div.listpagehead,
div.listhead
{
	float: left;
	display: inline;
	padding: 2px;
	font-weight: bold;
}

div.linesmall
{
    width:214px;
}

div.lineshort
{
    width:414px;
}
div.linemedium
{
    width:560px;
}

div.linelong
{
    width:1000px;
}

div.listpagehead
{
    font-weight:bold;
    text-align:left;
}



div.checkbox
{
    float:left;
}

div.field
{
    text-align:left;
    float:left;
}

div.options {
    margin: 10px 10px 10px 10px;
    text-align:right;
    font-weight:bold;
}

div.options_link_left {
    text-align:left;
    position:relative;
    float:left;
}

div.options_link_right {
    text-align:right;
    position:relative;
    float:right;
}

div.pleasewait {
    margin:25%;
    margin-top:10%;
    width:50%;
    height:150px;
    z-index:5;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    position:absolute;
    top:0;
}

div.parentinfo
{
    border-top:solid 1px black;
    border-bottom:solid 1px black;
}

a.parentinfo
{
    font-weight:bold;
    font-size:16px;
}

.w250
{
    width:250px;
}

.micro
{
    width:25px;
}

.mini
{
    width:50px;
}

.tiny
{
    width:100px;
}

div.tiny
{
    width:100px !important;
}

div.tiny_ie
{
    width:100px !important;
}

input.tiny
{
    width:100px !important;
}

input.tiny_ie
{
    width:94px !important;
}

.small
{
    width:200px;
}

.short
{
    width:300px;
}

.medium
{
    width:400px;
}

.long
{
    width:500px;
}

.big
{
    width:1000px;
}

.full
{
    width:998px;
    margin: 0 auto;
}

.center
{
    text-align:center;
}

div.left
{
    float:left;
}

input.left
{
    float:left;
}

.right
{
    float:right;
}

div.right
{
    float:right;
}

.automarg
{
    margin: 0 auto;
}

div.stdinput
{
    width:420px;
}

.createlabel_label
{
    width:140px;
}

.longbutton
{
    width:200px;
    
}

div.label
{
    font-weight:bold;
}

/*------------------------------------------------------------------------------
--- GAP END
------------------------------------------------------------------------------*/

button.removebutton
{
    width:22px !important;
    height:22px !important;
}

div.sectionhead {
    text-decoration:underline;
    font-weight: bold;
}

/* TopHeader */
.topheader  {
	/*width:1020px;*/ 
	/*height:100px;*/ 
	padding: 0 0 0 0; 
	margin: 0 0 0 0;
    /*float:left;*/ 
    /*height:107px;*/ 
    width:100%;
    
}

div.ttframe,
div.ttframe_ie,
div.logoutframe {
    margin-top:20px;
    width:500px;
    float:right;
    font-weight:bold;
}

div.ttframe 
{
/*    font-size: 11px;
    font-style: italic;*/
    padding: 3px;
}

div.ttframe_ie
{
/*    font-size: 11px;
    font-style: italic;*/
    padding: 1px;
    height:96px;
    width:218px;
}

div.logoutframe 
{
/*    background-color: white;*/
    bottom: 18px;
    padding:3px;
}

a.logout 
{
	font-size: 13px;
/*	color: #FCBF00;*/
/*    color: #172154;*/
    text-decoration:underline;
}

/* Menu */

.menu 
{
	padding: 0 0 0 0; 
	margin: 0 0 0 0; 
	list-style:none; 
	height:30px; 
	/*width: 1020px;*/
	/*background:#172154;*/ 
	position:relative; 
}

.menu li.top 
{
	padding: 0 0 0 0; 
	margin: 0 0 0 0; 
	display:block; 
	float:left; 
	position:relative; 
	width: 169px;
}

.menu li a.top_link_disabled,
.menu li a.top_link 
{
	display:block; 
	float:left; 
	height:29px; 
	line-height:29px;
	text-decoration:none; 
	text-align: center;
	padding:0 0 0 0; 
	cursor:pointer;
}

.menu li a.top_link_disabled { cursor:default;}

.menu li a.top_link_disabled span ,
.menu li a.top_link span 
{
    float:left; 
    font-weight:bold; 
    display:block; 
    padding:0 0 0 0; 
    height:23px; 
    width:169px;
}

.menu li a.top_link_disabled span.down,
.menu li a.top_link span.down {
    float:left; 
    display:block; 
    padding:0 24px 0 12px; 
    height:23px; 
}

.menu table {
    border-collapse:collapse; 
    width:0; 
    height:0; 
    position:absolute; 
    top:0; 
    left:0;
}

.menu a:hover {
    visibility:visible;
}
.menu li:hover {
    position:relative; 
    z-index:200;
}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul 
{
    position:absolute; 
    left:-9999px; 
    top:-9999px; 
    width:0; 
    height:0; 
    margin:0; 
    padding:0; 
    list-style:none;
}

.menu :hover ul.sub {
    left:0px; 
    top:29px; 
    right:2px; 
    padding:3px 0; 
    white-space:nowrap; 
    width:165px; 
    height:auto;
}

.menu :hover ul.sub li {
    display:block; 
    height:20px; 
    position:relative; 
    float:left; 
    width:165px;
}

.menu :hover ul.sub li a {
    display:block; 
    height:20px; 
    width:165px; 
    line-height:20px; 
    text-indent:5px; 
    text-decoration:none;  
    border-width:0 0 0 0;
}


.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{
    left:90px; 
    top:-4px; 
    padding:3px 0; 
    white-space:nowrap; 
    width:93px; 
    z-index:200; 
    height:auto;
}

.topmenu_labels
{
    float:left;
    width:100px;
    padding:4px;
    padding-top:6px;
    padding-bottom:6px;
}

div.topmenu_input_div
{
    float:left;
    /*padding:2px;*/
}

input.topmenu_input
{
    width:100px;
    margin-top:4px;
    margin-bottom:4px;
}

div.tableparent
{
    width:216px;
    height:50px;
    display:table;
}

div.tablechild
{
    display:table-cell;
    vertical-align:middle;
    font-size:14px;
    font-style:italic;
}

div.tablechild_ie
{
    display:inline-block;
    vertical-align:middle;
    font-size:14px;
    font-style:italic;
}
/**-----------------------------------------------------------------------------
*--- NEW DESIGN CLASSES
*-------------------------------------------------------------------------------
*/
.table-header-column-blue,
.table-header-column-white
{
    font-size:9pt;
    font-weight:bold;
    height:24px;
}


.table-field-1,
.table-field-1 a,
.table-field-2,
.table-field-2 a,
.table-field-sum
{
    font-size:7pt;
}

textarea{
    border-radius:7px;
}

/*GRADIENT BUTTONS*/
input[type=submit],button.appBtnPrimary, button.appBtnSecondary{
    margin-left:10px;margin-right:10px;
    display: block; 
    border:1px solid #ffffff; 
    border-radius: 7px; 
    box-shadow:0 1px 2px #b8b8b8; 
    color:#ffffff; 
    font-family:'Helvetica Neu', Helvetica, Arial, Verdana, sans-serif; 
    text-shadow:#021062 0 -1px;
    background: url(../img/vertical-button-gradients.png) 0 0 repeat-x; 
    font-size: 11px; 
    padding: 0px 5px;
}

button.appBtnPrimary:hover,input[type=submit]:hover {
    background-position: 0 -25px; 
    text-shadow:#4c5585 -1px -1px 1px;
}

button.appBtnSecondary {
    background-position: 0 -75px; text-shadow:#69729c 0 -1px;
}

button.appBtnSecondary:hover {
    background-position: 0 -100px; text-shadow:#424d88 0 -1px;
}    

button.appBtnPrimary[disabled], button.appBtnSecondary[disabled],input[type=submit][disabled] {
    background-position: 0 -50px !important; 
    cursor: default; 
    text-shadow:#d6d8e5 0 -1px;
}

div.hint {
    background-color: #D1D3DD;
    border-radius:10px;
    width:15px;
    text-align: center;
    float:right;
    font-weight:bold;
}

div.gradframe {
    /*from http://gradients.glrzad.com*/
    background-image: linear-gradient(top, rgb(209,211,221) 0%, rgb(255,255,255) 23%, rgb(255,255,255) 84%);
    background-image: -o-linear-gradient(top, rgb(209,211,221) 0%, rgb(255,255,255) 23%, rgb(255,255,255) 84%);
    background-image: -moz-linear-gradient(top, rgb(209,211,221) 0%, rgb(255,255,255) 23%, rgb(255,255,255) 84%);
    background-image: -webkit-linear-gradient(top, rgb(209,211,221) 0%, rgb(255,255,255) 23%, rgb(255,255,255) 84%);
    background-image: -ms-linear-gradient(top, rgb(209,211,221) 0%, rgb(255,255,255) 23%, rgb(255,255,255) 84%);

    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgb(209,211,221)),
        color-stop(0.23, rgb(255,255,255)),
        color-stop(0.84, rgb(255,255,255))
    );
    /*END*/
    
    /*background: url('../img/grad_D1D3DD.png') repeat-x;*/
    border-radius: 10px;
    border: solid 1px #D1D3DD;
    box-shadow: 0 0 4px #8B90A9;
    
}
/*GRADIENT BUTTONS END*/

.f-clear
{
    clear:both;
}

.padding
{
    padding: 5px;
}

.bold
{
    font-weight: bold;
}

.left
{
    float:left;
}

/* pleasewait page begin */ 
#disable_div
{
    position:absolute;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    z-index:+1;
    background-color: black;
    opacity:0.3;
    cursor:wait;
    overflow: hidden;
    display: none;
}

#wait_div
{
    position:absolute;
    width: 50%;
    height:150px;
    left:25%;
    top:10%;
    z-index: +2;
    cursor: wait;
    display: none;
}

#shadow_div
{
    position:absolute;
    width:100%;
    height:150px;
    left:1%;
    top:3%;        
    /* z-index: +3;*/
    background-color: black;
    opacity: 0.5;
    cursor: wait;        
    
    
}

#pleasewait_div
{
    position:absolute;
    width:100%;
    height:150px;
    left:0px;
    top:0px;        
    z-index: +4;
    background-color: white;
    color: black;
    font-weight: bold;
    font-size:20px;
    text-align: center;
    cursor: wait; 
}
 /* pleasewait page end */