html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, 
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, 
var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}

p {margin-top:15px;margin-bottom:15px;text-align:justify;}

:focus {outline:0;}

/* 1. Global
----------------------------------------------------------*/

body{
	font-family: Arial, Verdana, sans-serif;
	background: #fff repeat-x 0 0;
	color: #000;
	font-size:13px;
}

span.clear, li.clear, div.clear, .clear {
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

p.hide {
	visibility: hidden;
	position: relative;
	margin-top: -15px;
}

p.textleft{text-align:left;}

.relative {
	position: relative;
}

.nomargin {
	margin: 0;
}
.floatright {
	float: right;
}

p, li, dl{
	line-height: 1.3em;
}

select{
	min-width:80px;
	width:auto!important;
	max-width:200px;
}

textarea,
input.common-textbox{border:solid 1px #D2D2D2;padding:3px;}
textarea{overflow:auto;}

label{
    font-family:"Segoe UI",Calibri, "Lucida Sans Unicode", Verdana, Arial;
    font-weight:normal;
    clear:both;display:block;margin-top: 5px;}

.required{color: Red;}
.note{font-style: italic;font-size: 10px;color: #a39e9e;}
.alternateColour, label{color:#AE1C1C;}

.button{color:#AE1C1C;min-width:100px;width:auto!important;}
.linkbutton{font-weight:bolder;padding:10px;display:inline-block;}

/* 2. Links
----------------------------------------------------------*/
a:link, a:active, a:visited{color:#CB1C1C;text-decoration:none;}
a:hover{color:#AE1C1C;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}

/* 3. Headings
----------------------------------------------------------*/

h1,h2,h3,h4,h5,h6
{
    color:#AE1C1C;
    font-family:"Segoe UI",Calibri, "Lucida Sans Unicode", Verdana, Arial;
    font-weight:normal;
    /*margin-bottom:10px;*/
}

h1{font-size:1.6em;}
h2{font-size:1.5em;}
h3{font-size:1.2em;}

/* 4. Navigation
----------------------------------------------------------*/
.navigation_wrapper{
    z-index:1;
    position:relative;
    min-height:42px;
    width:100%;
    background:transparent /*url('newimages/layout/layout_sprites.png')*/ no-repeat -1747px 3px;
    height:auto !important;
    clear: both;}

.navigation_wrapper:after{display:block;height:0px;visibility:hidden;clear:both;content:'.'}

.navigation_wrapper ul li {list-style: none;display: inline;}
.navigation_wrapper ul li a {
	display: block;
	float: left;
	text-decoration: none;
	font-size: 16px;
	color: #000;
}
.navigation_wrapper ul li a span {
	padding: 19px 12px 10px 0px;
	display: block;
	margin-left:16px;
}
.navigation_wrapper ul li a:hover {
	background:transparent url('newimages/layout/layout_sprites.png') no-repeat -1747px -42px;
	border: none;
	text-decoration: none;
}
.navigation_wrapper ul li a:hover span {
	background:transparent url('newimages/layout/layout_sprites.png') no-repeat right -42px;
	border: none;
}

.navigation_wrapper ul li.selected a {
	background:transparent url('newimages/layout/layout_sprites.png') no-repeat -1747px -102px;
	color: #000;
	/*margin-right: 5px;
	_margin-right: 2px;*/
}
.navigation_wrapper ul li.selected a span {
	background:transparent url('newimages/layout/layout_sprites.png') no-repeat right -102px;
	color: #AE1C1C;
	position: relative;
}

/*adjust bottom right margin in ie7*/
*:first-child + html .navigation_wrapper ul li a.selected span {
	zoom: 1;
}

/*sub menu*/

.subnavigation_wrapper{z-index:1;
    position:relative;
    width:100%;
    height:auto !important;
    clear: both;}

.subnavigation_wrapper ul li{margin:5px;list-style: none;display: inline;}

.subnavigation_wrapper ul li a {
	display: block;
	float: right;
	text-decoration:none;
        font-weight:bolder;
        margin:5px 10px 5px 10px;
        
}



/* 5. Layout
----------------------------------------------------------*/

div#SiteContainer{width:980px;margin-left:auto;margin-right:auto;}
div#SiteHeader{float:left;width:100%;height:120px;background-color:#E8E8E8;}
div#SiteContent{float:left;width:100%;min-height:300px;height:auto!important; display:block;}
div#SiteFooter{float:left;width:100%;height:40px;margin-top:5px;background-color:#E8E8E8;}
div#SiteNavigation{float:left;width:100%;background-color:#D2D2D2;}

div#subnav{float:right}
/* 6. Controls
----------------------------------------------------------*/

.form-submit{display:block;margin:10px 0 0 10px;}
.FormWrapper{z-index:1;
    position:relative;
    min-height:42px;
    width:100%;
    height:auto !important;
    padding:10px;
    clear: none;}

.FormWrapper textarea,
.FormWrapper input.common-textbox,
.FormWrapper select{margin-left:5px;}

/***Gridlist***/

/*header*/
.grid-list{
    z-index:1;
    position:relative;
    width:100%;
    min-height:20px;
    background-color:#E8E8E8;
    height:auto !important;
    clear: both;}

.grid-list .gl-header{
    z-index:2;
    position:relative;
    width:100%;
    min-height:20px;
    background-color:#AE1C1C;
    height:auto !important;
    clear: both;}

.grid-list .gl-view .gl-view-row .gl-view-row-container
{float:left;display:block;}

.grid-list .gl-view .gl-view-row .gl-view-row-container .gl-view-row-item
{display:block;padding:5px;}

.grid-list .gl-view .gl-view-row .gl-view-row-container,
.grid-list .gl-header .gl-header-col{width:15%;float:left;display:block;clear:none;}


.grid-list .gl-header .gl-header-col h4{color:#E8E8E8;padding:19px 12px 10px 12px;}

/*center*/
.grid-list .gl-header.center .gl-header-col h4,
.grid-list .gl-view.center .gl-view-row .gl-view-row-container{text-align:center;}

/*view-content*/
.grid-list .gl-view{
    z-index:1;
    position:relative;
    width:100%;
    min-height:20px;
    /*background-color:#fff;*/
    height:auto !important;
    clear: both;}

.grid-list .gl-view .gl-view-row{
    z-index:1;
    position:relative;
    width:100%;
    height:auto !important;
    clear: both;}
.grid-list .gl-view .gl-view-row.alternate-row{background-color:#D2D2D2;}

.grid-list:after,
.grid-list .gl-header:after,
.grid-list .gl-view:after,
.grid-list .gl-view .gl-view-row:after
{display:block;height:0px;visibility:hidden;clear:both;content:'.'}

/*column sizing
.grid-list .gl-header .gl-header-col.col1,
.grid-list .gl-view .gl-view-row .gl-view-row-container.col1{width:20%;}
*/

/***fields***/
/*edit*/
div.grid-list .gl-header .gl-header-col.editfield,
div.grid-list .gl-view .gl-view-row .gl-view-row-container.editfield
{width:50px;text-align:center;}
/*delete*/
div.grid-list .gl-header .gl-header-col.deletefield,
div.grid-list .gl-view .gl-view-row .gl-view-row-container.deletefield
{width:65px;text-align:center;}


/*empty view*/
div.grid-list .gl-view .gl-view-empty{font-size:1.2em;padding:10px;color:#d90000;background-color:#ffb3b2;}

/* 100. Content
----------------------------------------------------------*/
 
/*doctor*/
#doctor-list .col1{width:50px;}
#doctor-list .col3,
#doctor-list .col4,
#doctor-list .col5{width:20%;}
#doctor-list{}

/*profession*/
#profession-list{width:420px;margin-right:10px; border:solid 1px #999;clear:none;float:left;}
#profession-list .col1{width:285px;}

#profession-form{float:left;width:30%;}

/*location*/
#location-list{width:420px;margin-right:50px; border:solid 1px #999;clear:none;float:left;}
#location-list .col1{width:120px;}
#location-list .col2{width:165px;}

#location-form{float:left;width:30%;}

/*doctor allocation*/
#doctorallocation-list{width:600px;margin-right:50px; border:solid 1px #999;clear:none;float:left;}
#doctorallocation-list .col1{width:120px;}
#doctorallocation-list .col2{width:110px;}
#doctorallocation-list .col3{width:240px;}

#doctorallocation-form{float:left;width:30%;}

/*user*/
#user-list{width:420px;margin-right:50px; border:solid 1px #999;clear:none;float:left;}
#user-list .col1{width:285px;}

#user-form{float:left;width:30%;} 

/*query-simple*/
#query-list{width:685px;margin-right:10px; border:solid 1px #999;clear:none;float:left;}

#query-list .col1{width:170px;}

#query-list .col2{width:235px;}

#query-list .col3{width:90px;}

#query-list.grid-list .gl-view{}

#query-form{float:left;width:255px;}

/*day*/
div.grid-list .gl-header .gl-header-col.day,
div.grid-list .gl-view .gl-view-row .gl-view-row-container.day
{width:40px;}

div.grid-list .gl-view .gl-view-row .gl-view-row-container.day .gl-view-row-item{height:16px;padding:0;}

.gl-view-row-container.day .gl-view-row-item a span{cursor:pointer;}

.gl-view-row-container.day span{display:block;width:100%;float:left;height:26px;border-left:solid 1px black;}
.gl-view-row-container.day span.itemx2{width:47%;}
.gl-view-row-container.day span.itemx3{width:33.3%;}
.gl-view-row-container.day span.itemx4{width:25%;}

.gl-view-row-container.day span.blue{background-color:#004D8A;}
.gl-view-row-container.day span.green{background-color:#499B2B;}
.gl-view-row-container.day span.red{background-color:#BF3909;}
.gl-view-row-container.day span.black{background-color:#000;}

.gl-view-row-container.day span.empty{text-align:center;font-size:0.8em;vertical-align:center;line-height:26px;}

/** Colours
 * #E8E8E8 - LightGray
 * #D2D2D2 - DarkGray
 * #AE1C1C - DarkRed
 * #CB1C1C - LightRed
 * #FFF    - White
*/