body
{
	font-size: 8pt;
	color: #333333;
	font-family: Arial;
	background-color: #ffffff;
	text-decoration: none;
}
/*.MenuItem
{
	font-size: 8pt;
	color: #505050;
	font-family: Tahoma, Verdana;
	font-weight: bold;
	text-decoration: none;
}
*/
.SubMenuItem
{
	font-size: 8pt;
	color: #191919;
	font-family: Tahoma, Verdana;
	text-decoration: none;	
}
.SubMenuItem:hover
{
	font-size: 8pt;
	color: #2A60B0;
	font-family: Tahoma, Verdana;
	text-decoration: none;	
}
A
{
	color:#646464;
	font-family: Arial;
	font-size: 8pt;
	text-decoration: underline;
}
/*A:visited
{
	color:#CCCC99;
	font-family: Arial;
	font-size: 10pt;
	text-decoration: underline;
}*/

.CustomToolTip
{
	border-right: windowframe 1px solid;
	padding-right: 5px;
	border-top: windowframe 1px solid;
	padding-left: 5px;
	font-size: x-small;
	left: 0px;
	padding-bottom: 5px;
	overflow: auto;
	border-left: windowframe 1px solid;
	width: 300px;
	color: infotext;
	padding-top: 5px;
	border-bottom: windowframe 1px solid;
	font-family: Tahoma, Verdana;
	position: absolute;
	top: 0px;
	background-color: infobackground;
	display:none;
}
td
{
	text-align:left;
}
TABLE TR TD
{
	font-size: 8pt;
	font-family: Verdana;
}
input
{
	font-size: 8pt;
	font-family: Tahoma, Verdana;
}
input[type="text"]
{
	/*height:20px;
	border:solid 1px #aaa;*/
}
button.Button
{
	border:1px solid #00A298;
	text-align: center;
	font-family:'trebuchet ms',helvetica,sans-serif;
	font-size:8pt;
	font-weight:bold;
	padding: 4px;
	background-color:#00A298/*#ddd*/;
	color:#fff;
    line-height:14px;
	/*filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');*/
}
input.Button
{
	border:1px solid #00A298;
	text-align: center;
	font-family:'trebuchet ms',helvetica,sans-serif;
	font-size:8pt;
	font-weight:bold;
	padding: 4px;
	background-color:#00A298/*#ddd*/;
	color:#fff;
    line-height:14px;
	/*filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');*/
}
input.Button:disabled, button.Button:disabled, input.Button:disabled:hover, button.Button:disabled:hover {
    background-color:#aaa;
    border-color:#999;
}

input[type=text]:disabled {
    background-color: #F7F7EF;
}

button.Button:hover, input.Button:hover {
    background-color:#00a2f7/*#ddd*/;
    border-color:#000;
}
/*button.Button
{
	border-right: #000000 2px solid;
	padding-right: 15px;
	border-top: #000000 2px solid;
	padding-left: 5px;
	font-size: 8pt;
	behavior: url(../style/button.htc);
	border-left: #000000 2px solid;
	color: #000000;
	border-bottom: #000000 2px solid;
	font-family: Tahoma, Verdana;
	background-color: #ddd9cd;
	text-align: left;
}

input.Button
{
	border-right: #000000 2px solid;
	border-top: #000000 2px solid;
	padding-left: 5px;
	padding-right: 15px;
	font-size: 8pt;
	behavior: url(../style/button.htc);
	border-left: #000000 2px solid;
	color: #000000;
	border-bottom: #000000 2px solid;
	font-family: Tahoma, Verdana;
	background-color: #ddd9cd;
	text-align: left;
}*/
input.TextBox, input.datePicker
{
	border:solid 1px #aaa;
	font-size: 8pt;
	color: #000000;
	line-height: 10pt;
	font-family: Tahoma, Verdana;
	background-color: #ffffff;
	text-align: left;
	padding-left: 4px;
	height:20px;
}
input.datePicker {
    width:80px;
}

input.TransparentTextBox
{
	border-right: Transparent 0px solid;
	border-top: Transparent 0px solid;
	font-size: 8pt;
	border-left: Transparent 0px solid;
	color: #000000;
	line-height: 10pt;
	border-bottom: Transparent 0px solid;
	font-family: Tahoma, Verdana;
	background-color: Transparent;
	text-align: left;
	height:20px;
	padding-left: 4px;
}
input.LongTextBox
{
	border:solid 1px #aaa;
	font-size: 8pt;
	color: #000000;
	line-height: 10pt;
	font-family: Tahoma, Verdana;
	background-color: #ffffff;
	text-align: left;
	height:20px;
	width:200px;
	padding-left: 4px;
}
textarea.TextArea
{
	border:solid 1px #aaa;
	font-size: 8pt;
	line-height: 10pt;
	font-family: Tahoma, Verdana;
	background-color: #ffffff;
	text-align: left;
	padding-left: 4px;
	height:75px;
	width:200px;
	color: #000000;
}
input.TextBoxDisabled
{
	border:solid 1px #aaa;
	font-size: 8pt;
	line-height: 10pt;
	font-family: Tahoma, Verdana;
	text-align: left;
	padding-left: 4px;
	color:graytext;
	background-color:inactiveborder;
	border-color:graytext;
}
.CheckBox
{
	font-size: 8pt;
	color: #000000;
	line-height: 10pt;
	font-family: Tahoma, Verdana;
	text-align: left;
}
select
{
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
    float: left;
    font-size: 8pt;
    height: 24px;
    line-height: 10pt;
    margin: 0;
    padding: 3px;
}
.combobox select
{
	border:0;
	line-height:18px;
}
.combobox input
{
	height:19px;
}
.DataGrid
{
	border-right: #666666 2px solid;
	border-top: #666666 2px solid;
	border-left: #666666 2px solid;
	border-bottom: #666666 2px solid;
	font-family: Arial;
	background-color: #ffffff;
}
.DataGridItem
{
	background-color : #ffffff;
	border-right: #666666 2px solid;
	border-top: #666666 2px solid;
	border-left: #666666 2px solid;
	border-bottom: #666666 2px solid;
	font-size: 8pt;
	font-family: Tahoma, Verdana;
}
.DataGridSelectedItem
{
	background-color: #FFF0C2;
}
.DataGridSelectedItem TD
{
	border-top: #666666 2px solid;
	border-bottom: #666666 2px solid;
}
.DataGridAlternatingItem
{
	background-color : #FFFFFF;
	border-right: #666666 2px solid;
	border-top: #666666 2px solid;
	border-left: #666666 2px solid;
	border-bottom: #666666 2px solid;
	font-size: 8pt;
	font-family: Arial;
}
.DataGridHeader
{
	background-color : #C3D5E9;
	border-right: #666666 2px solid;
	border-top: #666666 2px solid;
	border-left: #666666 2px solid;
	border-bottom: #666666 2px solid;
	font-size: 8pt;
	font-family: Arial;
	font-weight:800;
	color: #333333;
}
.DataGridHeader TD
{
	border-right: #666666 1px solid;
	border-top: #666666 1px solid;
	border-left: #666666 1px solid;
	border-bottom: #666666 1px solid;
	text-align: left;
}
.DataGridHeader TD A
{
	text-decoration: none;
	color: #000000;
}
.DataGridFooter
{
	border-right: #666666 1px solid;
	border-left: #666666 1px solid;
	border-bottom: #666666 1px solid;
	background-color: #DDD9CD;
	font-size: 8pt;
	font-family: Tahoma, Verdana;
}
.ToolBarText
{
	text-decoration: none;
	text-align:center;
	font-family: Tahoma;
	font-size: 7pt;
	color:#FFFFFF;
	behavior: url(style/ToolBarText.htc);
}
.ToolBarText:hover
{
	text-decoration: none;
	text-align:center;
	font-family: Tahoma;
	font-size: 7pt;
	color:#F9DE9D;
}
.ToolBarButton
{
	behavior: url(style/ToolBarButton.htc);
}
.PageTitle
{
	font-size: 12pt;
	text-transform: capitalize;
	color: #666666;
	font-family: Arial;
	padding-top: 10px;
	font-weight: 800;
}
.BottomRow
{
	display: block; 
	position: absolute; 
	height: 40;
	z-index: 100;
}
.BottomRowText
{
	font-family: Tahoma;
	font-weight: 800;
	color: #FFFFFF;
	font-size: 8pt;
	text-align: center; 
}
.TabTable
{
	background-color: #F7F7EF;
	border-left: #9E948E 1px solid;
	border-right: #9E948E 1px solid;
	border-bottom: #9E948E 1px solid;
}
.MenuCell
{
	background-color: #EDEDF1;
}
.LeftSpacer
{
	border-right: #C0C0C0 1px solid;
	background-color: #EDEDF1;
}
.Greeting
{
	color: #505050;
	font-weight: 800;
	font-size: 9pt;
	padding-left: 15px;
	height: 30px;
}
.PageToolBar
{
	background-color: #274683;
}
.PageToolBarItem
{
	font-weight: 800;
	font-size: 8pt;
	color: #FFFFFF;
}
.PageToolBarLink
{
	font-weight: 800;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;
}
.PageToolBarLink:hover
{
	text-decoration: underline;
}
.Label
{
	font-weight: 800;
	font-size: 10pt;
	color: #646464;
	height: 20px;
	text-align: right;
	text-decoration: none;
}
.BottomLink
{
	font-weight: 800;
	font-size: 7pt;
	color: #FFFFFF;
	text-decoration: none;
}
.BottomLink:hover
{
	color: #F9DE9D;
	font-weight: 800;
	font-size: 7pt;
	text-decoration: none;
}
.TabInfo
{
	font-weight: 800;
	font-size: 14pt;
	color: #ddd9cd;
	text-align: right;
	vertical-align: sub;
}
.UpDown
{
	cursor: hand;
}
.UpDownDisabled
{
	cursor: hand;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50, Style=0);
}

.HelpText
{
	color: #666666;
	font-size: 8pt;
}
.SmallWindow
{
	background-color: #FFFFFF;
	border-left: #9E948E 1px solid;
	border-right: #9E948E 1px solid;
	border-bottom: #9E948E 1px solid;
	border-top: #9E948E 1px solid;
	width: 350px;
    border-radius:4px;
}
.Window
{
	background-color: #FFFFFF;
    border:solid 1px #66BAB5;
	width: 750px;
    border-radius:2px;
}
.NoWidthWindow
{
	background-color: #F7F7EF;
	border-left: #9E948E 1px solid;
	border-right: #9E948E 1px solid;
	border-bottom: #9E948E 1px solid;
	border-top: #9E948E 1px solid;

}
.LargeWindow
{
	background-color: #FFFFFF;
	border-left: #9E948E 1px solid;
	border-right: #9E948E 1px solid;
	border-bottom: #9E948E 1px solid;
	border-top: #9E948E 1px solid;
	width: 700px;
}
.WindowHeader
{
	padding-left: 5px;
	vertical-align: sub;
	text-transform: capitalize;
	color: #000;
	border-bottom: #9e948e 1px solid;
	height: 20px;
	background-color: #66BAB5/* #00A298*//*#C3D5E9*/;
}
.WindowHeader TD
{
	font-weight: 500;
	font-size: 9pt;
	color: #fff;
	font-family: Verdana;
	padding:0 5px;
    vertical-align:middle;
    line-height:20px;
}
.ConfirmationWindowHeader
{
	padding-left: 5px;
	vertical-align: sub;
	text-transform: capitalize;
	color: #F70606;
	border-bottom: #9e948e 1px solid;
	height: 20px;
	background-color: #e9e5d9;
}
.ConfirmationWindowHeader TD
{
	font-weight: 800;
	font-size: 9pt;
	color: #F70606;
	font-family: Tahoma;
}
.InnerLabel, .innerLabel
{
	font-size: 8pt;
	text-align: left;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 2px;
	text-align: right;
    width:120px;
}
.InnerLabelRequired, .innerLabelRequired
{
	font-weight: 800;
	font-size: 8pt;
	text-align: left;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 2px;
	text-align: right;
	font: Arial;
    width:120px;
}
.Validator
{
	font-weight: 800;
	font-size: 7pt;
	text-align: left;
	padding-left: 5px;
	color: #FF0000;
	font-family: Tahoma;
}
/*.ValidationSummary
{
	font-weight: 800;
	font-size: 8pt;
	text-align: left;
	padding-left: 5px;
	color: #FF0000;
	font-family: Arial;
}*/
.Info
{
	font-weight: 800;
	color: Green;
	padding-left: 5px;
    font-family: Arial, Tahoma, Verdana;
    font-weight:600;
}
.WarningText
{
	font-weight: 800;
	color: #000000;
	padding-left: 5px;
	font-weight: bold;
}
.Calendar
{
	position:relative; 
	top: 0px; 
	left: 100px;
}
.Error
{
	margin-top: 5px;
	padding-left: 5px;
	font-weight: 800;
	font-size: 8pt;
	margin-bottom: 5px;
	color: red;
    font-family: Arial, Tahoma, Verdana;
    font-weight:600;
}
.CustomToolTip
{
	border-right: windowframe 1px solid;
	padding-right: 5px;
	border-top: windowframe 1px solid;
	padding-left: 5px;
	font-size: x-small;
	left: 0px;
	padding-bottom: 5px;
	overflow: auto;
	border-left: windowframe 1px solid;
	width: 300px;
	color: infotext;
	padding-top: 5px;
	border-bottom: windowframe 1px solid;
	font-family: Tahoma, Verdana;
	position: absolute;
	top: 0px;
	background-color: infobackground;
	display:none;
}
.MessageSummary
{
    border: 1px solid #ddd;
	background-color: buttonface;
	font-weight: 800;
	font-size: 8pt;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 20px;
	padding-top: 5px;
	width:750px;
}
.ValidationSummary
{
    border: 1px solid #ddd;
	font-weight: 600;
	font-size: 8pt;
	list-style-image: url(../images/exclamation.gif);
	color: #ff0000;
	padding-top: 3px;
    padding-bottom: 3px;
	font-family: Arial, Tahoma, Verdana;
	background-color: #ECE9D8;
	text-align: left;
	width:100%;
}
TD .viewCell
{
	width: 150px;
    font-weight: 600;
}
.MenuItem
{
	font-size: 9pt; 
	color: #666666; 
	font-family: Arial, Verdana; 
	text-decoration: none;
    display:block;
}
TD.outset:hover
{
	cursor:pointer;
}

TD .inset
{
	border-right: gray thin inset;
	border-top: gray thin inset;
	border-left: gray thin inset;
	border-bottom: gray thin inset;
	background-color: skyblue;
}

.Cancel {
    background-color: crimson !important;
    color: white !important;
}

.webGrid-TableClass{ border:solid 1px #999; table-layout:fixed;font-weight:normal;font-size:8pt;background:#f1efe2;overflow:hidden;width:750px;font-family:Verdana;height:200px; }
.webGrid-ItemClass{ font-family:Verdana;  font-size:8pt;  font-weight:normal; background-color:#FFFFFF; border-color:#ECE9D8; border-style:solid; border-width:1px; border-left-width:0px; border-top-width:0px; padding-left:3px;}
.webGrid-AltRowClass{ font-family:Verdana;  font-size:8pt;  font-weight:normal; background-color:#FAEBD7; border-color:#ECE9D8; border-style:solid; border-width:1px; border-left-width:0px; border-top-width:0px; padding-left:3px;}
.webGrid-SelCellClass{ background-color:#B0C4DE;}
.webGrid-HeaderClass{ font-family:Verdana;  font-size:8pt;  font-weight:normal; background-color:#ECE9D8; border-color:#ACA899; border-left-color:#FFFFFF; border-top-color:#FFFFFF; border-style:solid; border-width:1px; border-left-width:1px; border-top-width:1px; height:20px; padding-left:3px; border-top-color: white;  border-left-color: white; text-align:left;}
.webGrid-SelHeadClass{ font-family:Verdana;  font-size:8pt;  font-weight:normal; background-color:#B0C4DE; border-color:#ECE9D8; border-left-color:#FFFFFF; border-top-color:#FFFFFF; border-style:solid; border-width:1px; border-left-width:0px; border-top-width:0px; padding-left:3px; border-top-color: white;  border-left-color: white; text-align:left;}
.webGrid-RowLabelClass{ background-color:#ECE9D8; border-color:#ACA899; border-left-color:#FFFFFF; border-top-color:#FFFFFF; border-style:solid; border-width:1px; border-left-width:1px; border-top-width:1px; border-top-color: white;  border-left-color: white; text-align:left;}

p.title {border-bottom:solid 5px #00A298;}

.ACCORDION {padding-top:2px;font-family:arial;}

.ACCORDION_HEADER {background-color:#00A298;color:white}
.ACCORDION_HEADER_NEW {background-color:#00A298;color:white; border-right:solid 6px crimson;}
.ACCORDION_HEADER_ACTIVE {background-color:#C3D5E9/*orange*/;color:black}
.ACCORDION_HEADER, .ACCORDION_HEADER_ACTIVE, .ACCORDION_HEADER_NEW {
  padding:7px;cursor:pointer;
}
.ACCORDION_HEADER_ACTIVE {border-bottom:1px solid transparent;}
.ACCORDION_CONTENT { padding:0px;height:auto;margin-bottom:2px;overflow:hidden; }
.ACCORDION_CONTENT_ACTIVE {
  padding:0px;margin-bottom:2px;background-color:#FFFFFF;font-size:8pt;overflow:hidden;border-bottom:1px solid #203050;
}
.ACCORDION_CONTENT div{
	padding:0px;margin:0px;
	border:solid 1px transparent;
}
.ACCORDION_CONTENT_ACTIVE div{
	padding-top:6px;padding-bottom:6px;padding-left:2px;margin:0px;
	/*border-bottom:0px solid green;*/
	border-left:1px solid #203050;
	border-right:1px solid #203050;
}
.ACCORDION_CONTENT li {line-height:24px;position:relative;display:block;}
.ACCORDION_CONTENT li:hover {background-color:#eee;}

.ajaxCurtain {display:none;position:absolute;top:-1000px;left:-1000px;background:#fff url(../images/loading.gif) no-repeat center center;}
.curtain {
	position: fixed;
	_position:absolute;
	top: 0px;
	left: 0px;
	display: block;
	height: 100%;
	width: 100%;
	background-color: white;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	z-index: 1500;
}

.lov div, .lov span, .lov img {
    float: left;
}

table.Window > tbody > tr > td, table.Window > tr > td 
{
    vertical-align:top;
}
table.Window > tbody > tr.WindowHeader > td 
{
    vertical-align:middle;
}

.badge-new {
    right:0;
    top:0;
    position:absolute;
    width:24px;
    height:24px;
    text-align:center;
    background:url(../images/badge.png) no-repeat center center;
    font-size:7.5pt;
    font-weight:700;
    color:black;
}

fieldset {
    border:solid 1px #ccc;
}

legend {
    padding: 5px 10px;
    background-color: #ccc;
}

.info {
    float: left;
    text-transform: none;
    width: 210px;
    background: url(../images/info.png) no-repeat left center;
    padding-left: 28px;
}
.info.important {
    color:crimson;
}

.error {
    background: url(../images/error.png) no-repeat left top;
    color:crimson;
    line-height:24px;
    text-align: left;
    padding-left: 32px;
}

div.search {
    border: solid 1px #aaa;
    border-left: 0;
    background: #fff url(../images/grid.arrow_down.gif) no-repeat center center;
    width: 20px;
    height: 22px;
    float: right;
}
.wait {
    background: url(../images/wait.gif) no-repeat center center !important;
}

.checked-right {
    background: url(../images/checked.png) no-repeat right center;
    cursor: pointer;
    padding-right: 20px;
}

.unchecked-right {
    background: url(../images/unchecked.png) no-repeat right center;
    cursor: pointer;
    padding-right: 20px;
}

.checked-left {
    background: url(../images/checked.png) no-repeat left center;
    cursor: pointer;
}

.unchecked-left {
    background: url(../images/unchecked.png) no-repeat left center;
    cursor: pointer;
}

/* @group Context Menu */
.ctx_menu_shadow {
    -moz-box-shadow: 2px 2px 3px #575757;
    -webkit-box-shadow: 2px 2px 3px #575757;
    box-shadow: 2px 2px 3px #575757;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#575757')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#575757');
}

div.ctx_menu {
    position: absolute;
    width: 150px;
    height: auto;
    display: none;
    background-color: #f2f2f2;
    border-bottom: solid 1px #e9e9e9;
    overflow: hidden;
    font: 11px Tahoma, Verdana;
    z-index: 15;
}

    div.ctx_menu div.ctx_menu_item {
        width: 150px;
        height: 22px; /*border-bottom:solid 1px #e9e9e9;*/
        padding-left: 2px 5px;
        cursor: pointer;
        background-color: #f2f2f2;
    }

        div.ctx_menu div.ctx_menu_item:hover {
            background-color: #e0e0e0;
        }

div.ctx_menu_item > div {
    padding-left: 20px;
    padding-top: 4px;
    height: 16px;
    margin-top: 1px;
}

div.ctx_menu_sep {
    height: 2px;
    border-bottom: solid 1px white;
    height: 1px;
    background-color: #E0E0E0;
    display: block;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
}
/* @end */

/* @group Popup */

.popupMenu, .popupMenu3col, .popupMenu4col {
    position: relative;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    top: 300px;
    background-color: white;
    width: 336px;
    z-index: 20;
    border: 1px solid #b4b4b4;
    -moz-box-shadow: 0 0 50px #888888;
    -webkit-box-shadow: 0 0 50px #888888;
    box-shadow: 0 0 50px #888888;
}

.popupMenu3col {
    width: 504px;
}

.popupMenu4col {
    width: 672px;
}

.popupScreen {
    display: none;
    /*float: none; 
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 100px;*/
    /*width: 672px;*/
    min-width: 340px;
    z-index: 20;
    position: fixed; /* inspired from http://blog.themeforest.net/tutorials/vertical-centering-with-css/ method 4*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.popupScreenX {
    display: none;
}

.popupFrame {
    background-color: white;
    border: 1px solid #B4B4B4;
    box-shadow: 0 0 50px #888888;
    position: absolute;
    width: 100%;
}

.popupTop /*, .popupTop Blue, .popupTopGreen, .popupTopViolet, .popupTopIndigo, .popupTopLime, .popupTopPink, .popupTopOrange*/ {
    width: 100%;
    height: 25px;
    margin-bottom: 10px;
    border-bottom: #ddd 1px double;
    background-color: #efefef;
}
/*.popupTopBlue{ background-color: #00ccff;}
.popupTopGreen{ background-color: #00ff99;}
.popupTopViolet{ background-color: #9900ff;}
.popupTopIndigo{ background-color: #cc00ff;}
.popupTopLime{ background-color: #ccff00;}
.popupTopPink{ background-color: #ff0066;}
.popupTopOrange{ background-color: #ff8000;}*/

.popupTitle {
    width: 70%;
    height: 25px;
    text-indent: 15px;
    line-height: 25px;
    text-align: left;
    float: left;
}

.popupContent {
    padding-left: 10px;
    padding-right: 10px;
}

.popupActions /*, .popupActions Green, .popupActionsViolet, .popupActionsIndigo, .popupActionsLime, .popupActionsPink, .popupActionsOrange*/ {
    background-color: #d7d7d7;
    width: 100%;
    height: 35px;
    margin-top: 10px;
    border-top: 1px solid;
    float: left;
}
/*.popupActionsBlue{ border-top-color: #00ccff;}
.popupActionsGreen{ border-top-color: #00ff99;}
.popupActionsViolet{ border-top-color: #9900ff;}
.popupActionsIndigo{ border-top-color: #cc00ff;}
.popupActionsLime{ border-top-color: #ccff00;}
.popupActionsPink{ border-top-color: #ff0066;}
.popupActionsOrange{ border-top-color: #ff8000;}*/

.popupClose {
    width: 20%;
    height: 20px;
    float: right;
    text-align: right;
}

.popupBg {
    position: fixed;
    top: 0px;
    left: 0px;
    display: block;
    height: 100%;
    width: 100%;
    background-color: white;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    z-index: 20; /*same as popupScreen, but opacity pushes it to back stacking order*/
}

/* @end */

input.transparent {
	border: Transparent 0px solid;
	font-size: 8pt;
	color: #000000;
	font-family: Tahoma, Verdana;
	background-color: Transparent;
	text-align: left;
	padding-left: 4px;
}

textarea.transparent {
	border-left: Transparent 0px solid;
	border-right: Transparent 0px solid;
	border-top: Transparent 0px solid;
	border-bottom: Transparent 0px solid;
	background-color: Transparent;
	font-size: 8pt;
	font-family: Tahoma, Verdana;
	text-align: left;
	padding-left: 4px;
	height: 60px;
	width: 200px;
	color: #000000;
}

/* begin: Service Notes related css definitions */
div.notes {
	width: 250px;
	height: 281px;
	border: 1px solid #b4c6d8;
	overflow: hidden;
	border-radius:2px;
}

	div.notes div.notes-h {
		background-color: #66BAB5;
		color: #fff;
		line-height: 20px;
		padding: 0 5px;
		text-transform: capitalize;
		vertical-align: sub;
		font-size:9pt;
	}

	div.notes div.notes-c {
		width: 250px;
		height: 250px;
		overflow: hidden;
	}

	div.notes div.n, div.notes div.au {
		float: left;
		width: 100%;
		margin: 3px 4px;
	}

	div.notes div.au {
		border-bottom: 1px solid #dcf6c8;
	}

		div.notes div.au div:first-child {
			float: left;
			font-size: 7.5pt;
			font-weight: 600;
		}

		div.notes div.au div:last-child {
			float: right;
			font-size: 7.5pt;
		}
/* end: Service Notes related css definitions */

input[readonly] {
	color: #666;
}

input, select, button {
	outline: none;
}