body
{
	background: #fdfdfd;
	/*font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;*/
	font-family: 'Segoe UI' , 'Trebuchet MS' , Arial, Helvetica, sans-serif;
	font-size:smaller;
	color: #888;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h2
{
    color: #1151a6;
    font-size: larger; 
}

h3
{
    color: #ff6600;
    font-weight: normal;
    font-size: medium;
    font-variant: small-caps;
    margin-bottom: 4px;
    margin-top:0px;
}

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

.EurostepLogo
{
    font-family: Arial;
    color: #000;
    font-size: 30px;
    font-variant: normal;
    font-weight: bold;  
}

.ERRMessage
{
	color: #12559b;
}

.OKMessage
{
	color: #009933;
}

.mainMenu
{
	text-align: left;
	color: #EEE;
	width: auto; 
	font-size: 14px; 
}

.mainMenuDynamic
{
	border: solid 1px #999;
	background-color: #CCC;
}

.mainMenuItemStatic
{
    padding-left: 2px;
    padding-right: 2px;
    border-right: solid 1px #CCC;
    color: #1151a6;
    text-align: left;
    /*font-variant: small-caps;
    font-weight: bold;*/
}

.mainMenuItemStaticHover
{
	padding-left: 2px;
	padding-right: 2px;
	border-left: solid 1px #CCC;
	color: #EEE;
	background-color: #1151a6;
	text-align: left;
	/*font-variant: small-caps;
    font-weight: bold;*/
}

.mainMenuItemDynamic
{
    padding-left: 2px;
    padding-right: 2px;
    color: #1151a6;
    text-align: left;
    /*font-variant: small-caps;
    font-weight: bold;*/
}

.mainMenuItemDynamicHover
{
	padding-left: 2px;
	padding-right: 2px;
	border-bottom: solid 1px #CCC;
	color: #EEE;
	background-color: #1151a6;
	text-align: left;
	/*font-variant: small-caps;
    font-weight: bold;*/
}

.formFrame
{
	border: solid 1px #AAA;
	background-color: #FAFAFA;
	/*padding-top: 10px;*/
	padding-bottom: 10px;
}

.filterFrame
{
    font-size: 13px;
    border: solid 1px #AAA;
    background-color: #FAFAFA;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.dialogFrame
{
    font-size:13px; 
    padding:10px; 
    /*width:500px; 
    height:300px; */
    display:block; 
    position:absolute; 
    left:150px; 
    top:300; 
    border: solid 10px #CCC;
    background-color:#FFF; 
}

.closeDialog
{
    font-size:13px; 
    text-align:right;
    padding-bottom: 5px; 
}

.tab
{
    padding-left: 5px;
    padding-right: 5px;
    border-left: dotted 1px #AAA;
    border-right: dotted 1px #AAA;
    border-top: dotted 1px #AAA;
    text-decoration: none;
    color: #1151a6;
    font-size:13px; 
}

.tabHover
{
	
	cursor:pointer;
}

.tabSelected
{
	color: #1151a6;
    padding-left: 5px;
	padding-right: 5px;
   
    border-left: solid 1px #BBB;
	border-right: solid 1px #BBB;
	border-top: solid 1px #BBB;
	background-image: url(/Img/ToolbarBg.gif);
    background-position: left bottom; 
}

table form1
{
	border: 0;
	color: black;
	padding: 0;
	margin: 0;
}

table.form1 input, textarea, select
{
	border: 1px solid #AAA;
}

table.form1 td
{
	padding: .2em .5em;
}

table form
{
    /*
    font-size:13px; 
	border: 0;
	color: black;
	padding: 0;
	margin: 0;
    */
}


.abutton
{
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #555555;
    border-bottom: 1px solid #555555;
    background-color: #DDD;
    color: #333;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    height: 23px;
}

table.form th 
{
   
	text-align: center;
	font-weight: bold;
	background: #cdcdcd none;
	color: black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: .2em .5em;
    
}

table.form td 
{
    padding: .2em .5em;   
}




table.billHeader
{
    border-top: solid 1px black;
    border-left: solid 1px black;
}

table.billHeader td 
{
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	/*text-align: left;*/
	vertical-align: top;  
	padding: 7px;
}

table.billHeader td h3
{
	/*border: solid 1px black;*/
	margin-top: 0px;
	color: Black;
	font-weight: bold;  
}


table.billHeaderSub
{
    
}

table.billHeaderSub td 
{
	border-style: none;
	padding: 0px;
	padding-right: 5px;
	
}

/*Modal Popup*/
.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#e3eaf7;
	  
	/*border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;*/
}

.formPartHeader
{
    padding-left:5px; 
    color: #1151a6;
    border-bottom: solid 1px #ff6600;
	background-image: url(/Img/ToolbarBg.gif);
    background-position: left bottom; 
}

.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}

.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}