BODY {
	height:100%;
}

.oksiktTable TD
{
	font-family: Calibri, Arial, Trebuchet MS;
    font-size: 11pt;
	vertical-align: top;
	line-height: 23px;
	vertical-align: middle;
}

.fullscreen {
     display:block;    
 	 z-index: 9000;
	 background-color: #dce5f2;
	
     /*set the div in the top-left corner of the screen*/    
     position:absolute;    
     top:0;    
     left:0;        
        
     /*set the width and height to 100% of the screen*/    
     width:100%;    
     height:100%;
}

.loading-indicator {
	height: 80px;
	width: 80px;
	background: url( '../graphics/loading.gif' );
	background-repeat: no-repeat;
	background-position: center center;
}

.loading-indicator-overlay {
	background-color: #FFFFFF;
	opacity: 0.8;
	filter: alpha(opacity = 80);
}

.header {
	
}

.header-top {
	height: 28px;
	line-height: 28px;
	background-image: url('../graphics/layout/header-top-bg.png');
	background-position: top;
	background-repeat: repeat-x;
	border-bottom: 2px #efe6c6 solid;
	font-size: 11px;
	font-weight: normal;
	font-family: verdana;
	padding-left: 10px;
}

.header-bottom {
	height: 52px;
	background-image: url('../graphics/layout/header-bottom-bg.png');
	background-position: top;
	background-repeat: repeat-x;
}

.header-bottom-left {
	float: left;
	width: 300px;
	height: 52px;
	line-height: 52px;
	background-image: url('../graphics/layout/header-bottom-left-bg.png');
	background-position: top;
	background-repeat: repeat-x;
}

.header-bottom-right {
	height: 52px;
	line-height: 52px;
}

.wrapper {
	margin-left: auto;
  	margin-right: auto;
	width:950px;
}

/* column container */
.container {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	margin: auto 0;
}

/* common column settings */
.main {
	float:left;
	width:100%;
	position:relative;
}

.left,
.right,
.full {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}

.right {
	overflow:auto;	
}

.left-content {
	padding-top: 15px;
}

.right-content {
	padding-top: 15px;
}

.full-content {
	padding-top: 15px;
}

/* 2 Column (left menu) settings */
.container {
	background:#fff;		/* right column background colour */
}
.container .main {
	right:650px;		/* right column width */
	background:#c6e3ee;	/* left column background colour */
}
.container .right {
	width:650px;			/* right column content width */
	left: 950px;			/* 100% plus left column left padding */
	background-image: url('../graphics/layout/shadow-right.png');
	background-position: top;
	background-repeat: no-repeat;
}
.container .left {
	width:300px;			/* left column content width (column width minus left and right padding) */
	left:0px;			/* (right column left and right padding) plus (left column left padding) */
	background-image: url('../graphics/layout/shadow-left.png');
	background-position: top;
	background-repeat: no-repeat;
}

.quick-search {
	background-image: url('../graphics/layout/quicksearch-bg.png');
	background-position: top;
	background-repeat: no-repeat;
}

.quick-search-button {
	width: 30px;
	height: 30px;
	float: right;
}

.quick-search-content {
	margin-right: 30px;
}

.quick-search INPUT {
	width: 220px;
	border-width: 0px;
	background-color: white;
	margin-left: 40px;
}

.box {
	background-color: #f5f6f6;	
}

#path {

	padding:0;
	margin:0;
	font-family: arial, helvetica, sans-serif;
	white-space:nowrap;
	list-style-type:none;
	
}

#path LI {
	display:inline;
	padding-left: 5px;
}

#path LI A {
	text-decoration: none;
	color: #00b0d7;
}

#path LI A:hover {
	text-decoration: underline;
}

UL.button-list {
	display: inline;
	list-style-type: none;
}

UL.button-list LI {
	float: left;
	margin-right: 10px;
	width: 100px;
	border: 1px transparent solid;
}

UL.button-list LI:hover {
    background-color: #afdfe5;
	border-color: #FFFFFF;
	cursor: pointer;
}

UL.button-list LI DIV.icon {
	padding-top: 5px;
	height: 64px;
	text-align: center;
}

UL.button-list LI DIV.text  {
	height: 20px; 
	text-align: center;
}

UL.button-list-2 {
	display: inline;
	list-style-type: none;
}

UL.button-list-2 LI {
	float: left;
	margin-right: 2px;
	border: 1px transparent solid;
	cursor: pointer;
}

UL.leftmenu {
	list-style-type: none;
}

UL.leftmenu LI {
	width: 200px;
	margin-top: 5px;
	padding: 5px;
	font-family: verdana;
	font-size: 14px;
}

UL.leftmenu LI:hover, UL.leftmenu LI.active {
	background-image: url('../graphics/layout/bg-arrow.png');
	background-position: right;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	cursor: pointer;
}

UL.leftmenu LI SPAN {
	display: none;	
}

.alertTooltip {
	line-height: 25px; 
	position: absolute; 
	left: 25px; 
	top: 3px; 
	height: 25px; 
	min-width: 200px; 
	background-color: #26bbdc;
	display: none;
}

UL.selector-list {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}

UL.selector-list LI {
	margin-bottom: 2px;
	padding: 5px;
	border: 1px #CDCDCD solid;
	background-color: #FFFFFF;
	cursor: pointer;
}

UL.selector-list LI:hover {
	
}

UL.filter-list {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}

UL.filter-list LI {
	margin-bottom: 2px;
	padding: 5px;
	border: 1px #CDCDCD solid;
	background-color: #FFFFFF;
	cursor: pointer;
}

UL.filter-list LI INPUT {
	margin-left: 2px;
	width: 100px;
	border-width: 0px;
	border-bottom: 1px #CDCDCD solid;
}

UL.filter-list LI:hover {
	
}

.oksiktButton {
	text-align: right;
}

.oksiktTBtn {
	cursor: pointer;	
}

.oksiktLink {
	text-decoration: none;
	color: #00b0d7;
	cursor: pointer;
}

.oksiktLink:hover {
	text-decoration: underline;
}
#simplemodal-overlay { 
	background-color:#636363;
}

#simplemodal-container {
	background-color:#f2f2f2; 
	border:2px solid #636363; 
	padding:12px;
	font-size: 11px;
	font-weight: normal;
	font-family: verdana;
	color: #636363;
}

/* BUTTON */


.btnFrame,  .btnFrameHover
{
	cursor: pointer;
	height: 28px;
}
  
.btnFrame .btnOuter
{	
  	padding-left: 10px;
  	display: inline-block;
  	height: 27px;
  	background:transparent url(../graphics/btnElements.png) no-repeat 0 0;
}
  
.btnFrame .btnInner
{	
  	padding-right: 10px;
  	display: inline-block;
  	background:transparent url(../graphics/btnElements.png) no-repeat 100% -30px;
  	line-height:26px;
	font-family:Arial,Helvetica,sans-serif;
	height:27px;
	color: #636363;
}
  
.btnFrame:hover .btnOuter
{	
  	background:transparent url(../graphics/btnElements.png) no-repeat 0 -60px;
}
  
.btnFrame:hover .btnInner
{	
	background:transparent url(../graphics/btnElements.png) no-repeat 100% -90px;
}

.list-row-1 {
	border-bottom: 1px #93cbe0 solid; 
	padding: 5px;	
}

.list-row-2 {
	border-bottom: 1px #93cbe0 solid; 
	padding: 5px;
	background-color: #c6e3ee;
}

.list-row-top {
	border-top: 1px #93cbe0 solid; 
}

.list-row-1 .header, .list-row-2 .header{
	font-weight: bold;
}

#listGroups UL {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}

#listGroups LI {
	line-height: 24px;
}
