/*************************************/
/*             rcard.css             */
/*************************************/
/*                                   */
/*  Denna stil var skapad specifikt  */
/*  för systemet R-CARD; företaget:  */
/*  RCO Security.                    */
/*                                   */
/*************************************/
/*                                   */
/*  Version: CSS 2.0                 */
/*  Design: Absolut, 3 kolumner      */
/*  Testad med: IE 5+                */
/*              Firefox 1.0+         */
/*              Opera 8+             */
/*              Netscape 8+          */
/*                                   */
/*************************************/
/*            2006-11-13             */
/*************************************/

/* huvudhållaren */
html, body				/* hack */
{
	color: #000;
	background: #FFF url("../../App_Images/rcardbg.png") repeat-y left;
	font-family: Verdana, Arial, Sans-Serif, Helvetica;
	font-size: 14px;	/* fontstorlek som alla andra fonter i webbapplikationen använder sig av */
	padding: 0px;
	margin: 0px;
}

/* återställ samtliga rubriker. */
h1, h2, h3, h4, h5, h6	/* hack */
{
	padding: 0px;
	margin: 0px;
}

h1
{
	font-size: 2.0em;
}

/* definera vissa rubriker */
h5						/* hack */
{
	font-size: 1.0em;
}

/* länkar */
a, a:link, a:visited, a:active
{
	color: #000;
	background-color: inherit;
	font-size: 1.0em;
	text-decoration: none;
}

/* navigering över länkar */
a:hover
{
	/*color: #6699CC;*/
	color: #000;
	background-color: inherit;
	font-size: 1.0em;
	text-decoration: underline;
}

/* sätter mellanrum innanför gruppkontrollerna */
fieldset
{
	padding: 10px;
	width: 100%;
}

table tr th
{
	text-align: left;
	font-size: 0.8em;
	margin-top: 5px;	/* gör någon effekt? */
}

/* rubriken */
#header
{
	color: #FFF;
	background-color: #336699;
	font-size: 1.2em;
	height: 50px;
}

/* ändra specifikt storleken på texten för loginstatus */
#header table table tr td
{
	font-size: 0.5em;
}

/* länkar för rubriken och loginstatus */
#header a:link, #header a:active, #header a:visited, #header a:hover
{
	color: #99CCFF;
	background-color: inherit;
}

/* specifika text-inställningar för strecket mellan rubriken och loginstatus */
#bar
{
	font-size: 1.5em;
	font-style: normal;
}

/* snabbikonerna som ligger precis under rubriken */
#menu
{
	color: #FFF;
	background-color: #6699CC;
	font-size: 0.8em;
	height: 16px;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	padding: 1px 0px 1px 5px;
}

/* länkar för menyn */
#menu a:link, #menu a:visited
{
	color: #FFF;
	background-color: inherit;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px 5px;
}

#menu a:active	/* fungerar inte i alla webbläsare */
{
	color: #FFF;
	background-color: #336699;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px 5px;
}

#menu a:hover
{
	color: #EEEEFF;
	background-color: #336699;
	font-size: 0.9em;
	text-decoration: none;
	margin: 0px;
	padding: 0px 5px;
}

.Selected
{
	color: #EEEEFF;
	background-color: #336699;
	font-size: 0.9em;
	text-decoration: none;
	margin: 0px;
	padding: 0px 5px;
}

/* den vänstra sidan; där sök på lägenheter och användare finns */
#left
{
	color: #000;
	background-color: inherit;
	font-size: 0.7em;
	width: 190px;
	position: absolute;
	top: 70px;
	padding: 10px;
}

/* rubriker för den vänstra sidan */
#left h5
{
	padding-bottom: 5px;
}

/* specifik storlek för användare/lägenheternas datagrid */
#left .DataList
{
	width: 180px;
}

/* nordväst; användare och lägenheter */
#upperleft
{
	color: #000;
	background-color: #FFF;
	font-size: 0.7em;
	position: absolute;
	top: 70px;
	left: 215px;
	width: 350px;
	padding: 10px;
}

/* nordost; kort och lägg till kort, samt lägg till kortgrupper */
#upperright
{
	color: #000;
	background-color: #FFF;
	font-size: 0.7em;
	position: absolute;
	float: left;
	top: 70px;
	left: 605px;
	width: 350px;
	padding: 10px;
}

/* sydväst; kortgrupper och kortgruppsbehörigheter */
#lowerleft
{
	color: #000;
	background-color: #FFF;
	font-size: 0.7em;
	position: absolute;
	top: 450px;
	left: 215px;
	width: 350px;
	padding: 10px;
}

/* sydost; behörigheter och grupper */
#lowerright
{
	color: #000;
	background-color: #FFF;
	font-size: 0.7em;
	position: absolute;
	top: 450px;
	left: 610px;
	width: 350px;
	padding: 10px;
}

/* Markerar valideringskontrollerna (regular expressions) med röd textfärg */
.Regex
{
	color: #FF0000;
	background-color: inherit;
}


/********************************/
/* klasser för serverkontroller */
/********************************/

#dLoading
{
	color: #FFF;
	background-color: #CC0000;
	font-size: 1.0em;
	position: absolute;
	top: 0px;
	right: 0px;
}

.Label
{
	width: 150px;
	height: 20px;
	border: none;
	font-size: 1.05em;
	font-weight: normal;
}

.Label2
{
	width: 150px;
	height: 20px;
	border: none;
	font-size: 1.05em;
	font-weight: bold;
}

#header a, #header a:link, #header a:active, #header a:link
{
	font-size: 1.2em;
}

#header a:hover
{
	color: #FFF;
	background-color: inherit;
	font-size: 1.2em;
}

.Textbox
{
	width: 150px;
	border: solid 1px #C0C0C0;
	font-size: 1.0em;
	margin-left: 10px;
}

.Textbox2
{
	width: 135px;
	border: solid 1px #C0C0C0;
	font-size: 1.0em;
	margin-left: 10px;
}

.Textbox3	/* "Textmeddelande" för kortgrupp */
{
	width: 150px;
	border: solid 1px #C0C0C0;
	font-size: 1.4em;
	margin-left: 10px;
	height: 45px;
}

.Textbox4	/* söktext-rutan */
{
	width: 130px;
	border: solid 1px #C0C0C0;
}

.Textbox5	/* ELS Boka datum */
{
	width: 175px;
	border: solid 1px #000;
	font-size: 1.0em;
	height: 12px;
	text-align: center;
}

.ThreeRowsTextbox		/* Används för "Övrigt" -fälten */
{
	width: 150px;
	border: solid 1px #C0C0C0;
	font-size: 1.0em;
	/*height: 40px;*/
	margin-left: 10px;
}

#left .Textbox
{
	width: 135px;
	border: solid 1px #C0C0C0;
	font-size: 1.0em;
	margin: 0px;
}

#left .TextBox2
{
	width: 160px;
	border: solid 1px #C0C0C0;
	margin: 0px;
}

#left .TextBox3
{
	width: 177px;
	border: solid 1px #C0C0C0;
	margin: 0px;
}

#left .DropDownList
{
	hight: 22px;
	width: 177px;
	border: solid 1px #C0C0C0;
}

#upperright table tr
{
	width: 100%;
}

.SmallTextbox
{
	width: 26px;
	border: solid 1px #C0C0C0;
	font-size: 1.0em;
	margin-left: 10px;
}

.SmallTextbox2
{
	width: 20px;
	border: solid 1px #C0C0C0;
	font-size: 1.0em;
}

.SmallTextbox3		/* används av bl.a kort-PIN */
{
	width: 45px;
	height: 12px;
	border: solid 1px #C0C0C0;
	font-size: 1.0em;
	margin-left: 10px;
}

.MediumTextbox
{
	width: 70px;
	border: solid 1px #C0C0C0;
	font-size: 1.0em;
	margin-left: 10px;
}

.MediumTextbox2
{
	width: 80px;
	border: solid 1px #C0C0C0;
	font-size: 1.0em;
}

.MultiTextbox
{
	width: 150px;
	border: solid 1px #C0C0C0;
	font-size: 1.0em;
	margin-left: 10px;
}

.Listbox
{
	width: 154px;
	height: 80px;
	border: solid 1px #C0C0C0;
	font-size: 1.1em;
}

.Button
{
	height: 20px;
	border: solid 1px #000;
}

.Button2	/* sökknappen */
{
	width: 50px;
	height: 20px;
	border: solid 1px #000;
	

}



.Button3
{
	width: 115px;
	height: 20px;
	border: solid 1px #000;
}

.Button4
{
	width: 100px;
	height: 20px;
	border: solid 1px #000;
}

.Button5
{
	width: 43px;
	height: 20px;
	border: solid 1px #000;
}

.ImageButton
{
	width: 10px;
	height: 10px;
}

.DropDownList
{
	width: 150px;
	hight: 22px;
	border: solid 1px #C0C0C0;
	z-index: 2;
}

.DataList a, .DataList a:link, .DataList a:active, .DataList a:visited
{
	color: #113366;
	background-color: inherit;
	text-decoration: underline;
}

.DataList a:hover
{
	color: #113366;
	background-color: inherit;
	text-decoration: none;
}

.DataList
{
	width: 350px;
	font-size: 1.0em;
	border: solid 1px #000;
}

.DataList2
{
	width: 380px;
	font-size: 1.0em;
	border: solid 1px #000;
}

.DataList3	/* används? */
{
	width: 740px;
	font-size: 1.0em;
	border: solid 1px #000;
}

.DataList4
{
	width: 230px;
	font-size: 1.0em;
	border: solid 1px #000;
}

.DataHeader
{
	color: #FFF;
	background-color: #336699;
	font-weight: bold;
	font-size: 1.0em;
}

.DataHeader2
{
	color: #FFF;
	background-color: #336666;
	font-weight: bold;
	font-size: 1.0em;
}

.DataHeader3
{
	color: #FFF;
	background-color: #3399CC;
	font-weight: bold;
	font-size: 1.0em;
}

.DataHeader4
{
	color: #FFF;
	background-color: #CC6666;
	font-weight: bold;
	font-size: 1.0em;
}

.DataHeader5
{
	color: #FFF;
	background-color: #663333;
	font-weight: bold;
	font-size: 1.0em;
}

.DataHeader6
{
	color: #FFF;
	background-color: #339933;
	font-weight: bold;
	font-size: 1.0em;
}

.DataItem
{
	color: #000;
	background-color: #FFF;
	font-weight: normal;
	font-size: 1.0em;
}

.DataEditItem
{
	color: inherit;
	background-color: #FFFFCC;
	font-weight: normal;
	font-size: 1.0em;
	width: 1px;
}

.DataEdit
{
	color: inherit;
	background-color: inherit;
	font-weight: normal;
	font-size: 1.0em;
	width: 1px;
}

.DataAlternativeItem
{
	color: #000;
	background-color: #333333;
	font-weight: normal;
	font-size: 1.0em;
}

.DataSelected
{
	color: #000;
	background-color: #FFFFCC;
	font-weight: normal;
	font-size: 1.0em;
}

.DataFooter
{
	color: #333;
	background-color: #FFF;
	font-size: 1.0em;
}

.DataFooter a:link, .DataFooter a:visited, .DataFooter a:active
{
	color: #336699;
	background-color: inherit;
	text-decoration: underline;	
}

.DataFooter a:hover
{
	color: #336699;
	background-color: inherit;
	text-decoration: none;
}

.DataPager
{
	color: #000;
	background-color: #FFF;
	font-size: 1.0em;
	text-align: center;
}

.DataPager a, .DataPager a:link, .DataPager a:active, .DataPager a:visited
{
	color: #336699;
	background-color: #FFF;
	font-size: 1.0em;
	text-align: center;
	text-decoration: underline;
}

.DataPager a:hover
{
	color: #336699;
	background-color: #FFF;
	font-size: 1.0em;
	text-align: center;
	text-decoration: none;
}

.calendarbox
{
	color: #999;
	background-color: inherit;
	position: absolute;
	margin-top: 18px;
	visibility: hidden;
}

.Calendar
{
	color: #000;
	background-color: #FFF;
	border-bottom: solid 1px #000;
	font-size: 0.8em;
	text-align: left;
}

.Calendar2
{
	color: #000;
	background-color: #FFF;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	font-size: 0.8em;
	text-align: left;
	width: 179px;
}
		
.CalendarTodayDay
{
	color: #FFF;
	background-color: #DCDCDC;
}

.CalendarSelector
{
	/*color: #336666;
	background-color: #99CC99;*/
}

.CalendarNextPrev
{
	color: #FFF;
	background-color: #336699;
	font-size: 1.0em;
	text-align: center;
}

.CalendarNextPrev2
{
	color: #FFF;
	background-color: #339933;
	font-size: 1.0em;
	text-align: center;
}

.CalendarDayHeader
{
	color: #FFF;
	background-color: #CCC;	
	font-size: 0.9em;
}

.CalendarSelectedDay
{
	color: #000;
	background-color: #99CC99;
}

.CalendarTitle
{
	color: #FFF;
	background-color: #336699;
	font-size: 0.8em;
}

.CalendarTitle2
{
	color: #FFF;
	background-color: #339933;
	font-size: 0.8em;
}

.CalendarWeekend
{
	color: #FFF;
	background-color: #FFFFCC;
}

.CalendarOtherMonth
{
	color: #000;
	background-color: #ECECEC;
}


/************/
/* ELS Boka */
/************/

.DataListEls
{
	/* bredden är automatiskt */
	font-size: 1.0em;
	border: solid 1px #000;
	text-align: center;
	vertical-align: middle;
	width: 120px;
	height: 50px;
}

.DataHeaderEls
{
	color: #FFF;
	background-color: #339933;
	font-weight: bold;
	font-size: 1.0em;
	height: 18px;	/* eftersom cellpadding och cellspacing är 0 så måste höjden trimmas */
	border: solid 1px #000;
}

.DataItemEls
{
	color: #000;
	background-color: inherit;
	font-weight: normal;
	font-size: 1.1em;
	text-decoration: none;
}

.DataEditItemEls
{
	color: inherit;
	background-color: #FFFFCC;
	font-weight: normal;
	font-size: 1.0em;
}

.DataEditEls
{
	color: inherit;
	background-color: inherit;
	font-weight: normal;
	font-size: 1.0em;
}

.DataAlternativeItemEls
{
	color: #000;
	background-color: #333333;
	font-weight: normal;
	font-size: 1.0em;
}

.DataSelectedEls
{
	color: #000;
	background-color: #FFFFCC;
	font-weight: normal;
	font-size: 1.0em;
}

.DataFooterEls
{
	color: #333;
	background-color: #FFF;
	font-size: 1.0em;
}

.DataFooterEls a:link, .DataFooter a:visited, .DataFooter a:active
{
	color: #336699;
	background-color: inherit;
	text-decoration: underline;	
}

.DataFooterEls a:hover
{
	color: #336699;
	background-color: inherit;
	text-decoration: none;
}

.DataPagerEls
{
	color: #000;
	background-color: #FFF;
	font-size: 1.0em;
	text-align: center;
}

.DataPagerEls a, .DataPager a:link, .DataPager a:active, .DataPager a:visited
{
	color: #336699;
	background-color: #FFF;
	font-size: 1.0em;
	text-align: center;
	text-decoration: underline;
}

.DataPagerEls a:hover
{
	color: #336699;
	background-color: #FFF;
	font-size: 1.0em;
	text-align: center;
	text-decoration: none;
}

.freeTable, .freeTable a:link, .freeTable:link, .freeTable a:visited, .freeTable:visited
{
	color: #000;
	background-color: inherit;
	font-weight: normal;
	font-size: 1.0em;
	text-decoration: none;
	text-align: left;
	/*width: 100%;
	height: 100%;*/
	border: solid 1px #DDFFDD;
	/*cursor: pointer;	*//* "hand" är endast IE */
}

.freeTable
{
	width: 80px;
	height: 30px;
}

.freeTable a:hover, .freeTable:hover	/* har ingen effekt i IE */
{
	color: #000;
	background-color: inherit;
	font-weight: normal;
	font-size: 1.0em;
	text-decoration: none;
	text-align: left;
	/*width: 100%;
	height: 100%;*/
	border: dashed 1px #000;
}

.freeTable a:active, .freeTable:active
{
	color: #000;
	background-color: inherit;
	font-weight: normal;
	font-size: 1.0em;
	text-decoration: none;
	text-align: left;
	/*width: 100%;
	height: 100%;*/
	border: dotted 1px #000;
}

.bookedTable, .bookedTable a:link, .bookedTable a:visited
{
	color: #000;
	background-color: inherit;
	font-weight: normal;
	font-size: 1.0em;
	text-decoration: none;
	text-align: left;
	/*width: 100%;
	height: 100%;*/
	border: solid 1px #FFDDDD;
	/*cursor: pointer;	*//* "hand" är endast IE */
}

.bookedTable
{
	width: 80px;
	height: 30px;
}

.bookedTable a:hover, .bookedTable:hover	/* har ingen effekt i IE */
{
	color: #000;
	background-color: inherit;
	font-weight: normal;
	font-size: 1.0em;
	text-decoration: none;
	text-align: left;
	/*width: 100%;
	height: 100%;*/
	border: dashed 1px #000;
}

.bookedTable a:active, .bookedTable:active	/* har ingen effekt i IE */
{
	color: #000;
	background-color: inherit;
	font-weight: normal;
	font-size: 1.0em;
	text-decoration: none;
	text-align: left;
	/*width: 100%;
	height: 100%;*/
	border: dotted 1px #000;
}

.ElsTime
{
	padding-right: 5px;
	padding-left: 5px;
	width: 80px;
	height: 30px;
}

/* Texten på ett block (eg. "Ledigt") */
.elsTextColumn
{
	/* Används ej */
}

/* Status på ett block (eg. "Ingen status") */
.elsStatusColumn
{
	/* Används ej */
}


/**********************************************/
/* klasser för wizards. (eg. skapa nytt kort) */
/**********************************************/

.wizheader
{
	color: #FFF;
	background-color: #336699;
	font-size: 1.0em;
	padding: 5px 10px;
}

.wizsteps
{
	color: #000;
	background-color: #FFF;
	font-size: 0.7em;
	padding: 10px;
}

.wizcontent
{
	color: #000;
	background-color: #FFF;
	font-size: 0.8em;
	padding: 5px 20px 10px 20px;
}

.wizcontrol
{
	color: #000;
	background-color: #FFF;
	font-size: 0.8em;
	padding: 5px 20px 10px 20px;
}

.wizfooter
{
	color: #FFF;
	background-color: #336699;
	font-size: 0.7em;
	text-align: center;
	height: 30px;
}


/* EOF */