/*        Superfish,chat,jquery.calc       */

/* Main style sheet for jQuery Calculator v1.3.2 */
div.hasCalculator, span.hasCalculator
{
    position: relative;
}
button.calculator-trigger
{
    width: 25px;
    padding: 0px;
}
img.calculator-trigger
{
    margin: 2px;
    vertical-align: middle;
}
.calculator-popup
{
    display: none;
    z-index: 10;
    margin: 0;
    padding: 0;
    border: 1px solid #888;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #000;
    background-color: #f4f4f4;
    font-family: Arial,Helvetica,sans-serif;
}
.calculator-keyentry
{
    position: absolute;
    top: 3px;
    right: 3px;
    width: 0px;
}
.calculator-inline
{
    position: relative;
    border: 1px solid #888;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #f4f4f4;
}
.calculator-inline .calculator-close
{
    display: none;
}
.calculator-disabled
{
    position: absolute;
    z-index: 100;
    background-color: white;
    opacity: 0.5; /*filter: alpha(opacity=50);*/
}
.calculator-rtl
{
    direction: rtl;
}
.calculator-prompt
{
    clear: both;
    text-align: center;
    background-color: lightgrey;
    padding: 5px;
}
.calculator-prompt.ui-widget-header
{
    margin: 2px;
}
.calculator-result
{
    clear: both;
    margin: 2px;
    padding: 3px 2px;
    text-align: right;
    background-color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    height: 25px;
}
.calculator-focussed
{
    background-color: #ffc;
}
.calculator-row
{
    clear: both;
    width: 100%;
}
.calculator-space
{
    float: left;
    margin: 2px;
    width: 0px;
}
.calculator-half-space
{
    float: left;
    margin: 1px;
    width: 14px;
}
.calculator-row button
{
    position: relative;
    float: left;
    padding: 0px;
    height: 25px;
    background-color: #F4F4F4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
    cursor: pointer;
    width: 22%;
}
.calculator-row .calculator-ctrl
{
    width: 60px;
    background-color: #e8e8e8;
}
.calculator-row .calculator-undo, .calculator-row .calculator-clear-error, .calculator-row .calculator-clear
{
    width: 35px;
}
.calculator-row .calculator-base, .calculator-row .calculator-angle
{
    width: 28px;
    font-size: 70%;
}
.calculator-row .calculator-base-active, .calculator-row .calculator-angle-active
{
    border: 2px inset #fff;
}
.calculator-digit, .calculator-oper
{
    width: 46px;
}
.calculator-mem-empty
{
    color: #888;
}
.calculator-row .calculator-trig
{
    font-size: 70%;
}
/*@-moz-document url-prefix() { // Firefox
	.calculator-trig, .calculator-base {
		text-indent: -3px;
	}
}*/
.calculator-key-down
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.calculator-keystroke
{
    display: none;
    width: 16px;
    height: 14px;
    position: absolute;
    left: -8px;
    top: -8px;
    color: #000;
    background-color: #fff;
    border: 1px solid #888;
    font-size: 80%;
}
.calculator-angle .calculator-keystroke, .calculator-base .calculator-keystroke, .calculator-trig .calculator-keystroke
{
    top: -10px;
    font-size: 95%;
}
.calculator-keyname
{
    width: 22px;
    font-size: 70%;
}
.calculator-cover
{
    display: none;
    display: /**/ block;
    position: absolute;
    z-index: -1; /*filter: mask();*/
    top: -4px;
    left: -4px;
    width: 125px;
    height: 200px;
}

/*****************  Chat.js ************************/

.chatbox
{
    position: fixed; /*position: expression("absolute");*/
    width: 225px;
    display: none;
}
/*
.chatboxhead {
	background-color: #193356;
	padding:7px;
	color: #ffffff;
	

	border-right:1px solid #EAEAEA;
	border-left:1px solid #EAEAEA;
	border:1px solid #c3c3c3;
}
*/
.chatboxblink
{
    background-color: #176689;
    border-right: 1px solid #176689;
    border-left: 1px solid #176689;
}

.chatboxcontent
{
    font-family: arial,sans-serif;
    font-size: 13px;
    color: #333333;
    height: 200px;
    width: 209px;
    overflow-y: auto;
    overflow-x: auto;
    padding: 7px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #eeeeee;
    background-color: #ffffff;
    line-height: 1.3em;
    -moz-box-shadow: inset 0 0 10px #736F6E;
    -webkit-box-shadow: inset 0 0 10px #736F6E;
    box-shadow: inset 0 0 10px #736F6E;
}

.chatboxinput
{
    padding: 5px;
    background-color: #ffffff;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.chatboxtextarea
{
    width: 206px;
    height: 44px;
    padding: 3px 0pt 3px 3px;
    border: 1px solid #eeeeee;
    margin: 1px;
    overflow: hidden;
}

.chatboxtextareaselected
{
    border: 2px solid #EAEAEA;
    margin: 0;
}

.chatboxmessage
{
    margin-left: 1em;
}

.chatboxinfo
{
    margin-left: -1em;
    color: #666666;
}

.chatboxmessagefrom
{
    margin-left: -1em;
    font-weight: bold;
}

.chatboxmessagecontent
{
}

.chatboxoptions
{
    float: right;
}

.chatboxoptions a
{
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-family: Verdana,Arial, "Bitstream Vera Sans" ,sans-serif;
}

.chatboxtitle
{
    float: left;
    font-weight: bold;
}


/************************** superfish *******************/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu *
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu
{
    line-height: 1.0;
}
.sf-menu ul
{
    position: absolute;
    top: -999em;
    width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li
{
    width: 100%;
}
.sf-menu li:hover
{
    visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li
{
    float: left;
    position: relative;
}
.sf-menu a
{
    display: block;
    position: relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul
{
    left: 0;
    top: 3.0em; /* match top ul list item height */
    z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul
{
    top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul
{
    left: 10em; /* match ul width */
    top: 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul
{
    top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul
{
    left: 10em; /* match ul width */
    top: 0;
}

/*** DEMO SKIN ***/
.sf-menu
{
    float: left;
    margin-bottom: 1em;
}
.sf-menu a
{
    padding: .75em 1em;
    text-decoration: none;
}
.sf-menu a, .sf-menu a:visited
{
    /* visited pseudo selector so IE6 applies text colour*/
    color: #13a;
}
.sf-menu li
{
}

.sf-menu li li li
{
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active
{
    outline: 0;
}

/*** arrows **/
.sf-menu a.sf-with-ul
{
    padding-right: 2.25em;
    min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator
{
    position: absolute;
    display: block;
    right: 0em;
    top: 1.2em; /* IE6 only */
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator
{
    /* give all except IE6 the correct values */
    top: 1.05em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator
{
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator
{
    background-position: -10px 0;
}
.sf-menu ul a > .sf-sub-indicator
{
    background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator
{
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul
{
    background: url('../images/shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off
{
    background: transparent;
}


/* Tool tip of chart */
.tip-darkgray
{
    opacity: 0.95;
    z-index: 1000;
    text-align: left;
    text-shadow: #444 0 1px 1px;
    border: 1px solid #888;
    padding: 8px;
    min-width: 50px;
    max-width: 530px;
    color: #fff;
    background-color: #999;
    z-index: 10000000;
    background-image: url(../img/tip-darkgray.png); /* bgImageFrameSize >= 11 should work fine */ /** 	 * - If you set a background-image, border/padding/background-color will be ingnored. 	 *   You can set any padding to .tip-inner instead if you need. 	 * - If you want a tiled background-image and border/padding for the tip, 	 *   set the background-image to .tip-inner instead. 	 */
}
.tip-darkgray .tip-inner
{
    font: bold 12px/18px arial,helvetica,sans-serif;
    margin-top: -1px;
    padding: 0 4px 3px 4px;
}
/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-darkgray .tip-arrow-top
{
    margin-top: -7px;
    margin-left: 15px;
    top: 0;
    left: 0;
    width: 16px;
    height: 10px;
    background: url(../img/tip-darkgray_arrows.png) no-repeat;
}
.tip-darkgray .tip-arrow-right
{
    margin-top: -9px; /* approx. half the height to center it */
    margin-left: -7px;
    top: 50%;
    left: 100%;
    width: 11px;
    height: 21px;
    background: url(../img/tip-darkgray_arrows.png) no-repeat -22px 0;
}
.tip-darkgray .tip-arrow-bottom
{
    margin-top: -7px;
    margin-left: 15px;
    top: 100%;
    left: 0;
    width: 22px;
    height: 13px;
    background: url(../img/tip-darkgray_arrows.png) no-repeat -44px 0;
}
.tip-darkgray .tip-arrow-left
{
    margin-top: -9px; /* approx. half the height to center it */
    margin-left: -6px;
    top: 50%;
    left: 0;
    width: 11px;
    height: 21px;
    background: url(../img/tip-darkgray_arrows.png) no-repeat -66px 0;
}
.tip-darkgray td
{
    vertical-align: middle;
}
#ContentPlaceHolder1_upMyUpdate .ModalWindow
{
    width: 50%;
}



.vs ul
{
    margin: 0;
    padding: 0;
    list-style-type: decimal;
    text-align: left;
}

.vs ul li
{
    display: inline;
}

.vs ul li a
{
    text-decoration: none;
    padding: .2em 1em;
    color: #fff;
    background-color: #F3F6F8;
}

.vs ul li a:hover
{
    color: #fff;
    background-color: #E2EEF7;
}

#ContentPlaceHolder1_rdblst
{
    width: 100%;
}
#ContentPlaceHolder1_rdblst input
{
    display: none;
}
#ContentPlaceHolder1_rdblst label
{
    cursor: pointer;
    border-bottom: 1px black;
    font-weight: bolder;
    color: darkslategray;
    text-indent: 0px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
}
#ContentPlaceHolder1_rdblst td
{
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    text-align: center;
    border-right: 1px solid lightgray;
    border-left: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}
#ContentPlaceHolder1_rdblst td:hover
{
    background-color: darkgrey;
    color: White;
}
#ContentPlaceHolder1_rdblst label:hover
{
    color: White;
}
#ContentPlaceHolder1_rdblst input:checked + label
{
    background-color: darkgrey;
    color: White;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
}

.table2 td, .table2 th
{
    vertical-align: middle;
}

#content_main
{
    margin-top: 1px;
}

#top_menu
{
    box-shadow: 0 1px 1px white, 0 4px 4px rgba(0,0,0,0.6);
}


.tools
{
    width: auto !important;
    margin-right: 100px !important;
    background-color: rgb(25, 54, 92);
    background-image: none !important;
    box-shadow: 0 2px 2px white, 0 3px 3px rgba(0,0,0,0.6);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-right: 9px;
}

.side_text table
{
    width: 100%;
}