﻿/*  ========================================
    RESET & BASIC STYLING
    ========================================
*/ 
html 
{ 
	height: 100%; 
}

body 
{
	background: #ffffff;     /*  white */
	color: #404040;
	/* background-color: #eeeeee;     /* silver-grey */
	/* background: #eeeeee; */
	/* color: #313131; */
	font-family: "Trebuchet MS", "Trebuchet", Arial, Helvetica, sans-serif;
	font-size: 12px;		/* font-size: 12px; */
	line-height: 1.4; 
	margin: 0;
	padding: 0;
	text-align: center;
	height: 100%; 
}

div, form, fieldset
{
    display: block;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address 
{
    margin: 0;
    padding: 0;
}

img 
{ 
	display:block;
	border: none; 
}

li, dd, blockquote 
{
    margin-left: 1em;
}

form label 
{
    cursor: pointer;
    font-variant: small-caps;
}

fieldset 
{
    border: none;
}

input, select, textarea 
{
	border: solid 1px #808080;
	padding-left: 3px;
}
input[type="image"]
{
	padding: 0;
	border: none;
}
input[type="checkbox"]
{
	border: none;
	vertical-align:middle; 
}
input[type="radio"]
{
	border: none; 
	vertical-align:middle;
}
/* VG input Styles 
.fntsmallx
{
    font-size: 0.9em;
}
.fntsmallxx
{
    font-size: 0.8em;
}
.fntsmallxxx
{
    font-size: 0.7em;
}
.fntsmallxxxx
{
    font-size: 0.6em;
}
*/

table
{
	border-collapse: collapse;	
	border: none;
	padding: 0;
	margin: 0;
}

th
{
    font-variant: small-caps;
}

a, a:link, a:visited
{
	color: #265380;
	text-decoration: none;
}
a:hover 
{ 
	text-decoration: underline; 
}

hr
{
	height: 1px;
	border: none;
	border-top: solid 1px #404040;
}

p
{
	text-align: justify;
}

br
{
	line-height: 0.75em;
}



/*  ========================================
    LAYOUT  --> now in Themes !
    ========================================
*/

/*  ========================================
    CONTROLS
    ========================================
*/

span.testmodecapt
{
    float: left;
    font-variant: small-caps;
    color: #ffffff;
}
span.smallsubtitle
{
    font-style: italic;
    font-size: 1.2em;
    font-weight: bold;
    /* border-top: #f0f0f0 1px solid; */
    /* border-bottom: #f0f0f0 1px solid; */
    margin-top: 8px;
    margin-bottom: 4px;
    padding-top: 8px;
    padding-bottom: 4px;
}
span.smallersubtitle
{
    font-style: italic;
    font-size: 1.0em;
    font-weight: bold; 
    color: Blue;
    /* border-top: #f0f0f0 1px solid; */
    border-bottom: #f0f0f0 1px solid;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}

span.middlesubtitle
{
    font-style: normal;						/* italic;	font-size: 2.0em;	*/
    font-size: 1.7em;
    font-weight: bold; 
    color: Blue;
    /* border-top: #f0f0f0 1px solid; */
    border-bottom: #d0d0d0 1px solid;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.shinput
{
    background: transparent url(../gfx/bg_shinput.png) repeat-x left top;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;

    font-size: 0.8em;
}
.shinputdd
{
	vertical-align: middle;	
}
.shinbut
{
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
}
/* VG input Styles 
.fntsmallx
{
    font-size: 0.9em;
}
.fntsmallxx
{
    font-size: 0.8em;
}
.fntsmallxxx
{
    font-size: 0.7em;
}
.fntsmallxxxx
{
    font-size: 0.6em;
}
*/

div.inbsub
{
	border-top: solid 1px #f0f0f0;
	margin: 4px 0px;
	padding: 4px 0px;
	text-align: right;
	vertical-align: middle;
}
div.inbsub input
{
    border: none;
	padding: 2px 8px;
	color: #ffffff;
	font-variant: small-caps;
	cursor: pointer;
}	
div.inbsub input.btn_yl
{
	border: solid 1px #f4ae0e;
	background: transparent url(../Images/bg_btn_yl.png) repeat left top;
}
div.inbsub input.btn_gn
{
	border: solid 1px #53a357;
	background: transparent url(../Images/bg_btn_gn.png) repeat left top;
}
div.inbsub input.btn_bl
{
	border: solid 1px #5087b9;
	background: transparent url(../Images/bg_btn_bl.png) repeat left top;
}
div.inbsub input.btn_rd
{
	border: solid 1px #b56155;
	background: transparent url(../Images/bg_btn_rd.png) repeat left top;
}
div.inbsub select
{
	margin-right: 8px;
}


div.clphd
{
    cursor: pointer;
    height: 16px;
    vertical-align: middle; 
    margin-bottom: 4px;
    padding: 0px 4px;
}
div.clphd input /* IE6 */
{
	padding: 0px;
}
div.clphd span
{
    color: #395976;
    vertical-align: top;    
}
div.clphd span:hover
{
    text-decoration: underline;
}
div.clpbd
{
    height: 0px;
    margin: 4px 0px;
    padding: 0px 2px;
	overflow:hidden;
	background-color: #f8f8f8;
}
div.clpbd p,
div.clpbd span
{
	color: #606060;
	font-size: 0.9em;
	font-style: italic;
	margin-bottom: 4px;
	text-align: justify;
}
div.clpbd hr
{
	border-top: dotted 1px #e0e0e0;
}

.acepane
{  
	visibility: hidden;
	margin: 0px !important;
	background-color: #ffffff;
	color: windowtext;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
	/*overflow: auto;
	height: 200px;*/
    text-align: left; 
    list-style-type: none;
    font-size: 0.9em;
}
.aceitem
{
	background-color: #ffffff;
	color: #404040;
	padding: 1px;
	margin-left: 0;
}
.aceitemhilite
{
	background-color: #265380;
	color: #ffffff;
	padding: 1px;
	margin-left: 0;
}

h3
{
    font-size: 1.6em;
    font-weight: lighter;
    /* color: #888888; */
    /* margin-bottom: 22px; */
    color: #ffffff;
    margin-bottom: 20px;
}

h4
{
    font-size: 1.3em;
    font-weight: lighter;
    color: #888888;
    margin-bottom: 8px;
}

h5
{
	font-size: 1.1em;
    font-weight: bold;
    font-style: italic;
    color: #aaaaaa;
    border-bottom: solid 1px #f0f0f0;
    margin-bottom: 4px;
}

p.explain,
span.explain
{
	font-style: italic;
}

span.flhist
{
	font-size: 0.8em;
	line-height: 1.2em;
	font-style: italic;
	color: #606060;
}

table.rptt 
{
	width: 100%;
	margin-bottom: 8px;
}
table.rptt td.rptt-nam
{
    font-variant: small-caps;
    text-align: left;
    vertical-align: top;
	border-bottom: dotted 1px #f0f0f0;
}
table.rptt td.rptt-val
{
	border-bottom: solid 1px #f0f0f0;    
}
table.rptt hr
{
	height: 1px;
	border: none;
	border-bottom: solid 1px #f0f0f0;
}

div.icolink
{
    display: inline;
    height: 16px;
    vertical-align: middle;    
    margin-right: 8px;
}
div.icolink a,
div.icolink span
{
    vertical-align: top;
}
div.icolink img
{
    display: inline;
    vertical-align: middle;
}

table.twoc
{
	width: 100%;
	margin-top: -6px;
}

/* NEW Begin */
td.leftcol
{
	width: 60%;
	vertical-align: top;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 8px;
}
td.rightcol
{
	width: 40%;
	vertical-align: top; 
	text-align: right;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 8px;
}
td.w150
{
	width: 140px;
	vertical-align: top; 
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}

/* NEW End */

/* ??? BEGIN 
td.leftc
{
	width: 50%;
	vertical-align: top;
	padding-right: 8px;
}
td.rightc
{
	width: 50%;
	vertical-align: top;
	padding-left: 8px;
	border-left: 1px solid #f0f0f0;
}
td.leftg
{
	vertical-align: top;
	padding-right: 8px;
}
td.rightg
{
	vertical-align: top;
	padding-left: 8px;
	border-left: 1px solid #f0f0f0;
}
td.begc
{
	vertical-align: top;
}
td.addc
{
	vertical-align: top;
	padding-left: 6px;
}
td.halfleft
{
	width: 50%;
	vertical-align: top;
	padding-right: 4px;
}
td.halfright
{
	width: 50%;
	vertical-align: top;
	padding-left: 4px;
}
  END */

div.fldblk
{
	background: transparent url(../gfx/bg_shinput.png) repeat-x left top;	
	border: solid 1px #808080;
	padding: 3px;
}

div.fldblkl
{
	border: solid 1px #d0d0d0;
	padding: 3px;
}


table.blist 
{
	width: 100%;
	border-collapse: collapse;
}
table.blist td
{
	border: none;
	padding: 0;
	margin: 0;
}
table.blist td.blleft
{
	border: 1px solid #d0d0d0;
	background-color: #f8f8f8;
	text-align: center;
	width: 12%;
}
table.blist td.blmid
{
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	width: 24%;
	vertical-align: top;
}
table.blist td.blmid2
{
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	width: 24%;
	text-align: center;
}
table.blist td.blright
{
	border: 1px solid #d0d0d0;
	border-left: 1px dotted #f0f0f0;
	width: 64%;
	vertical-align: top;
}

table.blist td.blsolo
{
	border: 1px solid #d0d0d0;
	width: 100%;
	vertical-align: top;
}

table.blist td.blsep
{
	height: 8px;
}
table.blist a
{
	display: block;
	height: 100%;
	padding: 4px;
}
table.blist a,
table.blist a:link, 
table.blist a:visited, 
table.blist a:hover
{
	color: #404040;
	text-decoration: none;
}
table.blist img
{
	display: inline;
}
table.blist hr
{
	height: 1px;
	border: none;
	border-bottom: 1px dotted #f0f0f0;
}
table.blist h1
{
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #58585a; 
	background-color: #e6faff;
}
table.blist h2
{
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #808080;
}
table.blist h5
{
	font-size: 1.1em;
	font-weight: bold;
	color: #808080;
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: 6px;
}

div.redbrd
{
	border: 2px solid #a00000;
	padding: 3px;
}

div.blackbrd
{
	border: 2px solid #000000;
	padding: 3px;
}

span.redbg
{
	background-color: #b56155;
	color: #ffffff;
}


/*  ========================================
    ASP.NET CSSFRIENDLY
    ========================================
*/
/* ---- CheckBoxList ------------
*/
.AspNet-CheckBoxList ul
{
	list-style-type: none;
}

li.AspNet-CheckBoxList-Item
{
	margin-left: 0px;
}

.AspNet-CheckBoxList-Item input
{
	border: none;
}

.AspNet-CheckBoxList-Item label 
{
    font-variant: normal;
    font-style: normal;
}


/* ---- FormView ------------
*/
.AspNet-FormView
{
	margin-bottom: 8px;
}

.AspNet-FormView-Data
{
}


/* ---- RadioButtonList ------------
*/
.AspNet-RadioButtonList
{
}

.AspNet-RadioButtonList ul
{
	list-style-type: none;
}

.AspNet-RadioButtonList li
{
	margin-left: 0;
}

.AspNet-RadioButtonList input
{
	border: none;
}

.AspNet-RadioButtonList label
{
	font-variant: normal;
}

/* ---- GridView ------------
*/
.AspNet-GridView
{
	margin-bottom: 8px;
}

.AspNet-GridView table
{
	width: 100%;
}

.AspNet-GridView td
{
	vertical-align: middle;
}

.AspNet-GridView thead th
{
	background: #ffffff url(../gfx/bg_shinput.png) repeat-x left top;
	border-top: solid 1px #d4d4d4;
	border-bottom: solid 1px #e4e4e4;
	padding: 3px 4px;
}

.AspNet-GridView tbody tr
{
}

.AspNet-GridView tbody tr.AspNet-GridView-Alternate
{
	background-color: #f8f8f8;
}

.AspNet-GridView tbody td
{
	border-bottom: solid 1px #f0f0f0;
	padding: 2px 4px;
}

.AspNet-GridView-Pagination
{
	background: #ffffff url(../gfx/bg_shinput.png) repeat-x left top;
	border-top: solid 1px #d4d4d4;
	border-bottom: solid 1px #e4e4e4;
	margin-top: 8px;
	padding: 3px 4px;
}

.AspNet-GridView-Pagination span
{
	color: #395976;
}

.AspNet-GridView-Pagination a
{
	text-decoration: underline;
}

.AspNet-GridView hr
{
	border-top: dotted 1px #f0f0f0;
}

.AspNet-GridView span.hd
{
	display: inline;
	font-size: 0.9em;
	font-weight: bold;
	border-bottom: dotted 1px #f0f0f0;
	padding: 0px 2px;
}

.AspNet-GridView span.sup
{
	display: inline;
	font-size: 0.85em;
	font-weight: bolder;
	border: 1px solid #808080;
	background: #fffff0;
	padding: 0px 3px;
	line-height: 20px;
}

.AspNet-GridView p
{
	margin: 0px 4px;
}

.AspNet-GridView span.sub
{
	display: block;
	font-size: 0.85em;
	text-align: right;	
	padding-top: 3px;
	border-top: dotted 1px #f0f0f0;
	margin-top: 4px;
}


/* ---- Login ------------
*/
.AspNet-Login
{
    background: #ffffff url(../Images/bg_login.png) no-repeat left top;
    padding-left: 74px;
	width: 220px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;	
}


/* ---- Menu [mmenu] ------------
*/
.mmenu ul.AspNet-Menu															/* items base */
{
    /* float: right; */
    float:left;
    /* bg: modspec */
}
.mmenu ul.AspNet-Menu li														/* items.all */
{
	width: 150px;
	margin: 0;
}
.mmenu ul.AspNet-Menu li														/* items.l1 */
{
	/* ie6 miatt az anchorhoz kerult a bg */
	cursor: pointer;
}
.mmenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul							/* items.l2 base */
{
	background: #ffffff; 
	border: solid 1px #808080;
	padding: 1px;
}
.mmenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li							/* items.l2 base */
{
    height: 24px;
    line-height: 24px;
    width: 150px;
	background: #f8f8f8;
}
.mmenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul ul							/* items.l3+ base */
{
	top: 0px;
	left: 150px;
}

.mmenu ul.AspNet-Menu li.AspNet-Menu-Selected,									/* selected.l1 */
.mmenu ul.AspNet-Menu li.AspNet-Menu-ChildSelected
{
	/* ie6 miatt az anchorhoz kerult a bg */
}
.mmenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Selected,	/* selected.l2+ */
.mmenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-ChildSelected
{
	background: #505050;
}

.mmenu ul.AspNet-Menu li a:hover,												/* hover.l1 */ 
.mmenu ul.AspNet-Menu li span:hover
{
	text-decoration: none;
	/* bg: modspec */
}
.mmenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li a:hover,				/* hover.l2+ */ 
.mmenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li span:hover ,
.mmenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Hover
{
	background: #707070;
	background-image: none;
	color: #ffffff;
}
.mmenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Selected a:hover,	 	/* hover.l2+ (selected) */
.mmenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Selected span:hover,
.mmenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Selected li.AspNet-Menu-Hover
{
	background: #505050;
}

.mmenu ul.AspNet-Menu li a,														/* links.all */
.mmenu ul.AspNet-Menu li span
{
	padding: 0px 4px;
}
.mmenu ul.AspNet-Menu li a,														/* links.l1 */
.mmenu ul.AspNet-Menu li span
{
	font-variant: small-caps;
	/* bg: modspec */ /*ie6*/
	color: #ffffff;
	text-align: center;
}
.mmenu ul.AspNet-Menu li.AspNet-Menu-Selected a,								/* links.l1 selected */
.mmenu ul.AspNet-Menu li.AspNet-Menu-Selected span,
.mmenu ul.AspNet-Menu li.AspNet-Menu-ChildSelected a,
.mmenu ul.AspNet-Menu li.AspNet-Menu-ChildSelected span,
.mmenu ul.AspNet-Menu li.AspNet-Menu-Selected a:hover,								/* links.l1 hover selected */
.mmenu ul.AspNet-Menu li.AspNet-Menu-Selected span:hover,
.mmenu ul.AspNet-Menu li.AspNet-Menu-ChildSelected a:hover,
.mmenu ul.AspNet-Menu li.AspNet-Menu-ChildSelected span:hover
{
	/* bg: modspec */ 
}
.mmenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li a,						/* links.l2+ */
.mmenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li span
{
	font-variant: normal;
	color: #404040;
	background-image: none;
	text-align: left;
}
.mmenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li a.AspNet-Menu-Selected	/* links.l2+ (selected) */
{
	color: #ffffff;
}

/*  ========================================
    ASP.NET CSSFRIENDLY
    ========================================
*/
/* BEGIN ---- Menu [mmenu] ------------ */
.mmenu ul.AspNet-Menu
{
    padding-right: 2px;
    background: transparent url(../gfx/bg_m1c.png) no-repeat right center;    
}
.mmenu ul.AspNet-Menu li a:hover,
.mmenu ul.AspNet-Menu li span:hover
{
	background: transparent url(../gfx/bg_m1h.png) no-repeat top left;
}
.mmenu ul.AspNet-Menu li a,
.mmenu ul.AspNet-Menu li span
{
	background: transparent url(../gfx/bg_m1.png) no-repeat top left;
}
/* END ---- Menu [mmenu] ------------ */


/*  ========================================
    MISC
    ========================================
*/
.clear { clear: both; }

/*
.minw {	width: 1px; }
.maxw {	width: 100%; }
.midw {	width: 50%; }
.thirdw { width: 30%; }
*/

.minw {	width: 1px; vertical-align: top; }
.minwr { width: 1px; vertical-align: top; text-align: right;}
.minwc { width: 1px; vertical-align: top; text-align: center;}

.maxw {	width: 100%; vertical-align: top; }
.maxwr { width: 100%; vertical-align: top; text-align: right; }
.maxwc { width: 100%; vertical-align: top; text-align: center; }

.midw {	width: 50%; vertical-align: top; }
.midwr { width: 50%; vertical-align: top; text-align: right; }
.midwc { width: 50%; vertical-align: top; text-align: center; }

.thirdw { width: 30%; vertical-align: top; }
.thirdwr { width: 30%; vertical-align: top; text-align: right; }
.thirdwc { width: 30%; vertical-align: top; text-align:center; }

.quaterw { width: 25%; vertical-align: top; }
.quaterwr { width: 25%; vertical-align: top; text-align: right; }
.quaterwc { width: 25%; vertical-align: top; text-align:center; }

.pentaw { width: 20%; vertical-align: top; }
.pentawr { width: 20%; vertical-align: top; text-align: right; }
.pentawc { width: 20%; vertical-align: top; text-align: center; }

.geptaw { width: 15%; vertical-align: top; }
.geptawr { width: 15%; vertical-align: top; text-align: right; }
.geptawc { width: 15%; vertical-align: top; text-align: center; }

.deciw { width: 10%; vertical-align: top; }
.deciwr { width: 10%; vertical-align: top; text-align: right; }
.deciwc { width: 10%; vertical-align: top; text-align: center; }

.nobr { white-space: nowrap; }

.aright { text-align: right; }
