/****************************************************************************/
/*																			*/
/*																			*/
/*  - Stylesheet (Project)											*/
/*																			*/
/*																			*/
/****************************************************************************/


/****************************************************************************/
/*  - Aligns, Positions	and Size									*/
/****************************************************************************/
.align_right
{
	text-align: right;
}

.align_left
{
	text-align: left;
}

.align_center
{
	text-align: center;
}

.gray_headline
{
	color: #316ac5;
}

.onlybold
{
	font-weight: bold;
}

.nomargin
{
	margin: 0px;
	padding: 0px;
}

.tbl_structure
{
	margin: 0px;
	padding: 0px;
	text-align: left;	
}

.tbl_structure td 
{
	margin: 0px;
	padding: 3px;
}

.margin_default
{
	margin: 5px;
}
.margin_default_frame
{
	margin: 30px 20px 20px 20px;
}

.fullwidthtable
{
	width: 98%;
}

.boardertable
{

	border-top: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	border-left: #dcdcdc 1px solid;
	margin: 5px;
	background-image: url(images/bottom_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.fullwidthboardertable
{
	width: 98%;
	border-top: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	border-left: #dcdcdc 1px solid;
	margin: 5px;
	background-image: url(images/bottom_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.detailsviewsingleuser
{
	width: 420px;	
}
/* END */


/****************************************************************************/
/*  - HTML-Elements													*/
/****************************************************************************/
/* Tables 
table
{
	font-size: 100%;
	text-align: left;
}

.td_bottom
{
	vertical-align: bottom;
}
.td_center
{
	text-align:center;
}

td
{
	font-size: 100%;
	margin: 2px;
	padding: 5px;
	vertical-align: top;
}
*/
tr
{
	vertical-align: top;
}
/* Images */
img
{
	border-width: 0px;
}
.imageico_newviewer
{
	vertical-align: middle;
	margin: 1px 50px 1px 5px;
}

/* Headlines */
h1
{
	color: #5377A9;
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
}

h2
{
	color: #5377A9;
	font-size: 125%;
	font-weight: bold;
	margin: 10px 5px;
}

/* HR */
hr
{
	height: 1px;
	color: #dcdcdc;
}

/* END */

/****************************************************************************/
/*  - GridView - Pager												*/
/****************************************************************************/
div.pager
{
	font-weight: normal;
	font-size: 100%;
	color: #000000;
	text-decoration: none;
}

div.pager a
{
	font-weight: normal;
	font-size: 100%;
	color: #5377A9;
	text-decoration: none;
}
/****************************************************************************/


/****************************************************************************/
/*  - GridView														*/
/****************************************************************************/
.rowstyle
{
	color: #000000;
	background-color: #ffffff;
}

.alternatingrowstyle
{
	color: #000000;
	background-color: #f5f5f5;
}

.headerstyle
{
	font-size: 100%;
	color: #5377A9;
	font-weight: bold;
	text-decoration: none;
	background-image: url(images/bannerGridView_bg.jpg);
	height: 20px;
}

.headerstyle a
{
	font-size: 100%;
	color: #5377A9;
	font-weight: bold;
	text-decoration: none;
}

.footerstyle
{
}

.editrowstyle
{
}

.selectedrowstyle
{
}

.pagerstyle
{
}

.fullwidthscroll
{
	overflow-x: hidden;
	overflow-y: scroll;
	overflow: scroll;
	height: 400px;
	width: 100%;
}

.fullwidthadmingridview
{
	width: 100%;
	margin: 0px;
	padding: 0px;
}


.content_popup .fullwidthadmingridview
{
	width: 100%;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}


.fullwidthgridviews
{
	width: 99%;
}

.fullwidthboardergridview
{
	width: 98%;
	border-top: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	border-left: #dcdcdc 1px solid;
	margin: 5px;
}

.gridcontainer
{
	width: 98%;
	height: 350px;
	overflow-x: hidden;
	overflow-y: scroll;
	overflow: auto;
	border-top: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	border-left: #dcdcdc 1px solid;
	margin: 5px;
	background-image: url(images/bottom_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	position:relative;
}

div.gridcontainer thead tr	{
	position:relative;
}

div.gridcontainer td:last-child {padding-right: 20px;}

div.gridcontainer thead tr	{
	top: expression(offsetParent.scrollTop);
    left: expression(typeof(myvar) == 'undefined' ? 0+"px"+(myvar='true') : -1+"px");
}
/* END */

/****************************************************************************/
/*  - Menue-Points													*/
/****************************************************************************/
div.MenPointMain
{
	font-size: 100%;
	background-color: transparent;
	opacity: .9;
	filter: alpha(opacity=90);
	cursor: hand;
	color: #000000;
	float: left;
	border-right: #006eb7 1px;
	border-top: #006eb7 1px;
	border-left: #006eb7 1px;
	border-bottom: #006eb7 1px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 3px;
	padding-top: 6px;
	text-decoration: none;
	margin-left: 5px;
}

div.MenPointHead
{
	padding-bottom: 10px;
}

div.MenPointContent
{
	visibility: hidden;
	background-color: #dcdcdc;
	opacity: .9;
	filter: alpha(opacity=95);
	margin: 20px 5px 5px 0px;
	color: #000000;
	padding-right: 3px;
	padding-left: 15px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	width: 100px;
	background-image: url(images/menue_bg1.jpg);
}

div.MenPointMain a
{
	color: #000000;
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;
}

div.MenPointMain a:hover
{
	color: #ff0000;
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;
}

hr.MenPoint
{
	color: #c0c0c0;
	height: 1px;
}
/* END */


/****************************************************************************/
/*  - Teaser														*/
/****************************************************************************/
div.teasersilver
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
	background-image: url(images/teaser_bottom_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 20px;
	width: 300px;
}

div.teasersilver_margin
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
	background-image: url(images/teaser_bottom_bg.jpg);
	background-repeat: repeat-x;
	background-position: 50% bottom;
	padding-bottom: 5px;
	width: 280px;
	height: 180px;
	padding-right: 5px;
	padding-left: 20px;
	padding-top: 10px;
}

div.teasersilver_margin_deactivated
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
	background-image: url(images/teaser_bottom_bg.jpg);
	background-repeat: repeat-x;
	background-position: 50% bottom;
	padding-bottom: 5px;
	width: 280px;
	height: 180px;
	padding-right: 5px;
	padding-left: 20px;
	padding-top: 10px;
	background-color: #ffffff;
	filter: alpha(opacity=20);
	opacity: 0.5;
}

div.teasersilver h1
{
	font-size: 170%;
}

.hyperlink_teaser_h1
{
	color: #5377A9;
	font-size: 150%;
	font-weight: bold;
	text-decoration: none;
}

.hyperlink_teaser_h1:hover
{
	color: #ff0000;
	font-size: 150%;
	font-weight: bold;
	text-decoration: none;
}

.margin_teaser
{
	font-size: 100%;
	margin: 20px;
}
/****************************************************************************/


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

.modalPopup HR
{
	color: #cccccc;
	height: 1px;
}
.modalPopup
{
	background-color: #ffffff;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 300px;
	text-align: left;
}
/* END */


/****************************************************************************/
/*  - AJAX TAB														*/
/****************************************************************************/
.xxx_ajax__tab_xp .ajax__tab_header
{
	font-size: 100%;
	background: url(images/tabs/tab-line.gif) repeat-x bottom;
}
.xxx_ajax__tab_xp .ajax__tab_outer
{
	padding-right: 0px;
	background: url(images/tabs/tab-right.gif) no-repeat right;
	height: 21px;
}
.xxx_ajax__tab_xp .ajax__tab_inner
{
	padding-left: 3px;
	background: url(images/tabs/tab-left.gif) no-repeat;
}
.xxx_ajax__tab_xp .ajax__tab_tab
{
	height: 13px;
	padding: 4px;
	margin: 0;
	background: url(images/tabs/tab.gif) repeat-x;
}
.xxx_ajax__tab_xp .ajax__tab_hover .ajax__tab_outer
{
	background: url(images/tabs/tab-hover-right.gif) no-repeat right;
}
.xxx_ajax__tab_xp .ajax__tab_hover .ajax__tab_inner
{
	background: url(images/tabs/tab-hover-left.gif) no-repeat;
}
.xxx_ajax__tab_xp .ajax__tab_hover .ajax__tab_tab
{
	background: url(images/tabs/tab-hover.gif) repeat-x;
}
.xxx_ajax__tab_xp .ajax__tab_active .ajax__tab_outer
{
	background: url(images/tabs/tab-active-right.gif) no-repeat right;
}
.xxx_ajax__tab_xp .ajax__tab_active .ajax__tab_inner
{
	background: url(images/tabs/tab-active-left.gif) no-repeat;
}
.xxx_ajax__tab_xp .ajax__tab_active .ajax__tab_tab
{
	background: url(images/tabs/tab-active.gif) repeat-x;
}
.xxx_ajax__tab_xp .ajax__tab_body
{
	font-size: 100%;
	border: 1px solid #999999;
	border-top: 0;
	background-color: #ffffff;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
.xxx_ajax__tab_xp .ajax__tab_header
{
	white-space: nowrap;
}
.xxx_ajax__tab_xp .ajax__tab_outer
{
	display: -moz-inline-box;
	display: inline-block;
}
.xxx_ajax__tab_xp .ajax__tab_inner
{
	display: -moz-inline-box;
	display: inline-block;
}
.xxx_ajax__tab_xp .ajax__tab_tab
{
	margin-right: 4px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	display: -moz-inline-box;
	display: inline-block;
}
/************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/

/* Surrounds the calendar */
.eventmonth
{
    border: 1px solid #afbec7;
    width: 520px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FEFFAB;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: center;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    width: 520px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    border: 1px solid #afbec7;
    border-collapse:collapse;
    padding:0px;
}


.dayNumber
{
    float: right;
    border-bottom: 1px solid #C7C272;
    border-left: 1px solid #C7C272;
    clear: none;
    padding: 2px;
}


.calcurrentmonth
{
    /* no styles needed at this time */
}
.calothermonth
{
    background-color: #e5eaee;
}
.calcurrentday
{
    background-color: #FFFFC1;
}
.calweekend
{
    background-color: #FEEB95;
  /*  width: 15%; */
}

.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend
{
    text-align: left;
    border: 1px solid #afbec7;
    height: 60px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */
     border-collapse:separate;
     border-spacing: 5px;
     
}

/* END */
.FadeMessage{
	position:absolute; display: none; z-index: 2; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); font-size: 12px; border: solid 1px #CCCCCC; background-color: #FFFFFF; padding: 5px;
}



.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

/* Accordion */
.accordionHeader
{
	
	border-color:#B5C7DE;
	border-width:1px;
	border-style:solid;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
	font-size:larger;
	letter-spacing: 1pt;
	text-decoration:none;
}

.accordionHeaderSelected
{
	border-color:#B5C7DE;
	border-width:1px;
	border-style:solid;
    background-color: #e5eaee;
    
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
	font-size:larger;
	letter-spacing: 1pt;
	text-decoration:none;
}


.accordionContent
{
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

.heading {
	padding: 1em 0 1em 0;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.2em;
}

.subheading{
	padding:.8em 0 0.5em 0;
	color:#0F2543;
	font-weight:bold;
	font-family:Arial, Sans-Serif;
	font-size:1.1em;
}