.boxtb {background-color:#FFF;border:0px;border-spacing: 0px;}
.boxtl {width:8px; height:8px; background: transparent url("img/box1a.png") -0px -0px no-repeat;}
.boxtt {height:8px; background: transparent url("img/box1a.png") -0px -32px repeat-x;}
.boxtr {width:8px; height:8px; background: transparent url("img/box1a.png") -0px -8px no-repeat;}
.boxrr {height:8px; background: transparent url("img/box1b.png") -8px -0px repeat-y;}
.boxbr {width:8px; height:8px; background: transparent url("img/box1a.png") -0px -16px no-repeat;}
.boxbb {height:8px; background: transparent url("img/box1a.png") -0px -40px repeat-x;}
.boxbl {width:8px; height:8px; background: transparent url("img/box1a.png") -0px -24px no-repeat;}
.boxll {height:8px; background: transparent url("img/box1b.png") -0px -0px repeat-y;}
.boxcc {background-color:#FFF; padding: 1px;}

button {
color: #004;
}

.window {
 background: #FFF;
 position: absolute;
 top: 20px;
 left: 30px;
 width: 620px;
 padding: 0px;
 -moz-border-radius: 7px;
 border: 2px solid #543;
 overflow: hidden;
}

.framed {
 background: #DFD;
 top: 10px;
 width: 600px;
 padding: 0px;
 border: 1px solid #112;
}

.window p {
 margin: 3px;
}
			
.windowinner {
 padding: 5px;	
 overflow: auto;
}

table.stw td,th {
 padding: 4px;
 padding-right: 2px;
 padding-left: 2px;
 font-size:11px;
}

th, th.stw {
 padding: 2px;
 border: 1px solid #543;
 border-color: #aaaaaa #333333 #000000 #666666;
}

th:hover {
 padding: 2px;
 border: 1px solid #543;
 border-color: #000 #000 #000 #000;
background-color: #def;
}

table.stw tr:hover {
background-color: #123;
color:#FFF;
cursor:pointer;
}

.stw {
font-size: 12px;
}

.rr {
background-color: #def;
}

.rb {
background-color: #ff0;
}

.page {
 background-color: #fff;
 margin: 0px;
 padding-left: 3px;
 padding-right: 3px;
 font-size:10pt;
 font-weight: bold;
}

th 
{
 margin: 0px;
 background-color: #d0d0d0;
 color: #000;
}

h1 
{
 -moz-border-radius-topleft: 5px;
 -moz-border-radius-topright: 5px;
 padding: 6px;
 display: block;
 background: transparent url("/templates/gk_ilife/images/style2/bg.jpg") -94px -0px repeat-y;
 font-size: 14px;
 margin: 0px;
 color: #fff;
}

h2 
{
 background-color: #cde;
 -moz-border-radius-topleft: 4px;
 -moz-border-radius-topright: 3px;
 -moz-border-radius-bottomright: 3px;
 -moz-border-radius-bottomleft: 3px;
 padding: 3px;
 display: block;
 font-size: 12px;
 margin-top: 10px;
 color: #000;
}


.lockd
{
 padding: 2px;
 background: transparent url("/img/icons/lock.png") 2px 2px no-repeat;
 font-size: 13px;
 padding-left: 22px;
 background-color: #012;
 color: #def;
 height: 17px;
}

.noedt {
 color: #004;
 background-color:#DFD;
 border:0px;
 border-spacing: 0px;
}

.warning
{
 padding: 4px;
 background: transparent url("/img/icons/alert.png") 2px 2px no-repeat;
 font-size: 11px;
 padding-left: 22px;
 color: #f22;

}

.wresize {cursor:se-resize;width:20px; height:20px; background: transparent url("img/sprites.png") -0px -0px no-repeat;}
.wclose {cursor:pointer;width:20px; height:20px; background: transparent url("img/sprites.png") -0px -20px no-repeat;}

.tr1 { background-color: #FFF; }
.tr2 { background-color: #DDD; }


/*Styles for date picker*/

.scal{
	background-color: white;
	margin:3px;
	border:1px dashed gray;
	font-size:24pt;
	width:436px;
	min-height:300px;
	display:block;
	padding:10px;
	font-size:24pt;
	font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
	line-height:normal;
}

.scal:hover{
	cursor:pointer;
	/*cursor:hand; /* If you're worried about old IE versions, turn this on.  I have it off because I hate seeing css exceptions in my debug window. ;) */
}
.scal .calwrapper{
}
.scal .calweekswrapper{
	display:block;
}
.scal .calheader{
	display: block;
	width:100%;
	text-align:center;
	margin-bottom:2px;
}
.scal .caltitle{
	width:60%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.scal .calcontrol{
	margin: 2px;
	padding: 2px;
	font-size:12pt;
	font-weight: bold;
}
.scal .calcontrol:hover{
	background-color:red;
	color:white;
}
.scal .calclose{
	border: 1px solid black;
	float:right;
}
.scal .calprevmonth{
	float:left;
}
.scal .calnextmonth{
	float:right;
}
.scal .calnextyear{
	display:none;
}
.scal .calprevyear{
	display:none;
}
.scal .daybox{
	float:left;
	border:1px solid black;
	width: 60px;
	color:black;
	text-align:center;	
}
.scal .dayboxvalue{
    display: none;
}
.scal .dayboxname{
	background-color: black;
	color:white;
	font-size:16pt;
}
.scal .dayboxsunday{
	background-color: lightgray;
}
.scal .dayboxsaturday{
	background-color: lightgray;
}
.scal .daybox:hover{
	border:1px solid red;
}
.scal .dayboxname:hover{
	border:1px solid black;
}
.scal .dayinmonth{
	color: black;
}
.scal .dayoutmonth{
	color:gray;
}
.scal .dayselected{
	background-color: red;
	color: white;
}
.scal .daycurrent{
	border:1px solid red;
}
.scal .weekbox{
	width:100%;
	display:block;
}
.scal .endweek{
	float:left;
}
.scal .weekboxname{
}

.tinyscal{
	font-size:8pt;
	width:154px;
	min-height:140px;
}
.tinyscal .calcontrol{
	font-size:8pt;
}
.tinyscal .caltitle{
	padding:3px;
}
.tinyscal .daybox{
	width: 20px;
}
.tinyscal .dayboxname{
	font-size: 8pt;
}
.tinyscal .weekboxname{
	margin-top:5px;
}

.picture { background-color: #000000; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; border-color: #CCCCCC #333333 #000000 #666666; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}

.class1 A:link {text-decoration: none}
.class1 A:visited {text-decoration: none}
.class1 A:active {text-decoration: none}
.class1 A:hover {text-decoration: none; color: red;}

.areaheader {
 color:#FFF; 
 font-weight:bold; 
 width:95%;
 padding:2px;
 margin-right:0px;
 margin-bottom:2px;
 width:100%; 
 background-color:#006883;
}

.rulestexteditor {
	background-color: #EEE;
	margin:3px;

	padding:6px;
	font-size:9pt;
	font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
	line-height:normal;
}

.orgdropdown {
 font-size:10px;
}