body{background-color:#F4F6F8;}

div.highlight{color:#666666;margin:15px 0;padding:15px 15px 15px 35px;background:url("image-common/highlight.jpg") no-repeat scroll 0 0 #EFFFF7;border:1px solid #C4E7D2;}
span.highlight-title {color:#000000;font-style:italic;font-weight:bold;}

div.component-header {background:url("image-common/list-divider.png") repeat-x scroll 0 100% transparent;margin-top:10px;}
span.component-header-title{font-size:180%;height:30px;line-height:130%;margin:0 0 15px;padding:0;text-transform:none;}

div.content{background-color:#FFFFFF;margin:10px;}

div.content #left,#right{vertical-align:top;}
div.content #left{width:20%;}








.currentitems-box .selected-griditem-deleteconfirm
{
	background-color: #FFE8FF;
	padding: 5px;
	min-height: 125px;
}

.selected-griditem-deleteconfirm p
{
	border: 5px solid #FF6666;
	background-position: right center;
	font-size: small;
	padding: 5px;
	margin-top: 2px;
	margin-bottom: 5px;
	background-image: url(image-common/warning.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.selected-griditem-deleteconfirm h2
{
	background: #FF6666 url(image-common/delete2.png) no-repeat scroll 11px 9px;
}

.help-box .explanation
{
	color:Green;
	font-weight:bold
}

.help-box .warning
{
	color:Red;
	font-weight:bold
}

.inVisible
{
	visibility: hidden;
	height:0px;
}

/* START 2 column template layout */
.table-fixed 
{
	table-layout:fixed;
	width: 100%;
}
.master2C-Content 
{
		width: 100%;
}
.master2C-Content #left, #center, #right
{
	vertical-align:top;
	/*padding: 5px;
	border: 1px solid #BFDBFF;*/
}

/* END 3 column template layout */

.popupWindow
{
	background-color: #FFFFFF;
}


.infoWrapper
{
	border: 1px solid #6699FF;
	background-position: right center;
	background-image: url('image-common/about.png');
	background-repeat: no-repeat;
	padding: 5px;
	color: #6699FF;
}

.userDetailsWrapper
{
	margin: 0 auto;
	text-align:center;
}

.userDetailsWrapper img
{
	height:156px;
}

/* Header, Footer START */

 #header
{
	background-color: #99CCFF;   
}

	
#footer
{
	border-top: 1px solid #82BCD1;
	bottom: 0;
	height: 25px;
	left: 0;
	/*position: fixed;*/
	width: 99%;
	padding:5px;
}
/* Header, Footer END */

/* Dashboard START */
#dashboard
{
	margin: 3px 3px 10px 3px;
	width:99%;
	border:solid 5px #DFE9F5;
	background-color:#FFFFFF;
}

#dashboard td
{
	vertical-align:top;
	padding: 2px;
}

.dashboard-box { 
	margin-bottom: 12px; 
}

.dashboard-body {
border-color:#ECF5FB;
border-right:1px solid #ECF5FB;
border-style:solid;
border-width:0 1px 1px;
padding:13px 12px;
}

.dashboard-body p
{
	margin-top: 0px;
	margin-bottom:5px;
}


.dashboard-body ul li
{
	padding-bottom:5px;
}

.dashboard-box h2 {
	border: 1px solid #ECF5FB;
	margin: 0px;
	font: bold 17px Tahoma;
	background: #e7eef7 url(image-common/alert16.png) no-repeat 10px 9px;
	padding: 7px 9px 7px 36px;
}
.alerts h2 {
	background-image: url(image-common/alert16.png);
}
.mailbox h2 {
	background-image: url(image-common/mailbox16.png);
}
.users h2 {
	background-image: url(image-common/users16.png);
}
.shortcuts h2 {
	background-image: url(image-common/refresh16.png);
}
.settings h2 {
	background-image: url(image-common/settings16.png);
}

.dashboard-box ul.float-left {
margin-right:50px;
}

.dashboard-box ul.float-left li {
width:150px;
}

ul {
list-style-type:none;
margin:0;
padding:0;
}
/* Dashboard END */


/* ----------- AddEditRole ----------- */
.slidingHeaderWrapper{
            background-color: #DCE4F9;
            cursor: pointer;
            height:26px;
            padding: 1px;
            color: navy;
  font-size: 15px;
  font-weight: bold
}




.userListInAddressWrapper{
    background-position: right center;
	background-color: #FFE4E1;
	padding: 10px;
	background-image: url('image-common/warning.png');
	background-repeat: no-repeat;
	font-size:12px;
	color:Red;
	font-weight:bold;
}


.ajax-loading-box
{
	background-position: 5px center;
	background: #990000 url(image-common/loading.gif) no-repeat scroll 5px center;
	border: 1px solid #AAAAAA;
	color: #EEEEEE;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 6px 6px 26px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 25;
}


#modifyRoleTable td
{
	vertical-align: top;
}

div.RadTreeView_Office2007 .rtSelected .rtIn {  
            background: transparent;  
            border: none;  
            font-weight: bold;  }
/* ----------- End AddEditRole ----------- */

/* Add/Edit User form */
#CommonFormWrapper{
  
}

#RoleListWrapper p{
    font-size: 11px;
	color: Blue;
	margin-bottom: 10px;
	border-bottom: solid 1px #b7ddf2;
	padding-bottom: 5px;
}


.ucfMarginButtom
{
	margin-bottom:.3em;
}

#CommonFormWrapper h1
{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
#CommonFormWrapper p
{
	font-size: 11px;
	color: Blue;
	margin-bottom: 10px;
	border-bottom: solid 1px #b7ddf2;
	padding-bottom: 5px;
}


#CommonFormWrapper .w200
{
	width: 200px;
}


#CommonFormWrapper input
{
    margin-bottom: .4em;
    text-transform:capitalize;
}


/* End Add/Edit user form */

#multiPageView
{
	margin-right:5px;
}

.previewWrapper
{
	background-color: #F3F8FC;
	padding-left:5px;
}
.previewWrapper img
{
	margin-right: 10px;
	height:156px;
}	

.previewWrapper label
{
	width:75px;
	font-weight:bold;
}

.previewWrapper h3
{
	border-bottom:1px dotted #597F90;
	color:#4386A5;
	font-size:12px;
	margin-bottom:5px;
	padding-bottom:5px;
}

.RadMultiPageStaff
{
	border: solid 8px #bfdbff;
	border-top: solid 3px #bfdbff;
	padding:5px;

}

.ucfLabel
{
	clear:left;
	font-style:italic;
	width: 135px;
	float: left;
    margin-left: 10px;
    font-size: 13px;
    color: #666666;
}

#tblStaff
{
	width:100%;
}

.strong
{
	font-weight:bold;
}

.redBold
{
	color:Red;
	font-weight:bold;
}

.float-left
{
	float:left;
}

.float-right
{
	float:right;
}

#emergencyContactListWrapper h3{
    border-bottom:1px dotted #597F90;
	color:#4386A5;
	font-size:12px;
	margin-bottom:5px;
	padding-bottom:5px;
}


.actionMessageWrapper
{
	background-position: 5px;
	background: #89B907 url(image-common/notification_icon.gif) no-repeat scroll 5px 10px;
	border: 1px solid #AAAAAA;
	color: #FFFFFF;
	font-size: 12px;
	padding: 10px 10px 10px 30px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 8001;
}


#ProfileBox .labelTD 
{
	width: 175px;
	font-weight:bold;
	}

.title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #0066FF;
	margin-bottom: 5px;
	display: block;
}

span.action-add {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(image-common/add_button_right.gif) no-repeat scroll right top;
cursor:pointer;
display:inline-block;
padding-right:14px;
}

span.action-add a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent url(image-common/add_button_left.gif) no-repeat scroll left top;
color:#474747;
display:inline-block;
font-family:Tahoma;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin-left:-7px;
padding:4px 0 6px 24px;
text-decoration:none;
}

/* 
  -- Rounded corners START --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:1560px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:8px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(image-common/solid-BFDBFF-1600x1200.png) no-repeat top right;
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:8px; /* top slice width */
 margin-left:-8px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:12px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:8px; /* bottom corner width */
 margin-left:-8px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
 padding-top:10px;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;

 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1, 
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */

}

.dialog h1 {
 padding:5px 5px 5px 0;
 font-size:medium;
}

.dialog p 
{
	padding:5px 5px 5px 0;
}

/* dialog variants - */

.dialog.grid .content,
.dialog.grid .t,
.dialog.grid .b,
.dialog.grid .b div {
 background-image:url(image-common/grid-1600x1200.png);
}

.dialog.solid .content,
.dialog.solid .t,
.dialog.solid .b,
.dialog.solid .b div {
 background-image:url(image-common/solid-BFDBFF-1600x1200.png);
 color:Black;
}

.tabStripContent, .previewContent
{
	border-style: none solid solid solid;
	border-width: 0px 1px 1px 1px;
	border-color: #B0CBEC;
	background-position: 0 0;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #FBFDFF none repeat scroll 0 0;
	clear: both;
	position: relative;
	top: 0px;
	margin-left:1px;
}

.previewContent
{
	border: solid 1px #B0CBEC;
	margin:2px 0px 2px 0px;
}


/* Floating buttons START */
.buttons-bg {
background-color:#F7F7E7;
height:30px;
margin:10px -29px -17px -30px;
padding:11px 29px 13px 30px;
width:100%;
}

.buttons-container, .buttons-container .popup-content .buttons-container, .buttons-container .popup-edit-content .buttons-container {
clear:both;
margin:10px 0 0;
padding:11px 0 3px;
vertical-align:middle;
}

.hidden {
display:none;
}

.cm-buttons-floating {
background-color:#F7F7E7;
bottom:26px;
height:37px;
left:20px;
opacity:0.9;
padding:11px 30px 0;
position:fixed;
}

/* Floating buttons END */

/* Pop Up window START */
.popup {
color:#000000;
left:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
top:0;
z-index:501;
}

.popup .bd, .popup .ft {
-x-system-font:none;
background-color:#FFFFFF;
cursor:default;
font-family:arial,sans-serif;
font-size:100%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:10px 10px;
}

.popup .bd {

}

.popup .ft {
font-size:90%;
text-align: right;
padding-right:20px;
}
/* Pop Up window END */

/* Student Preview START */
#studentPreview {
background-color:#ECF5FB;
	width: 100%;
}

#studentPreview .form-field label, #staffView .form-field label
{
	padding: 1px 0 0 0;
	color:Gray;
}

.form-field:hover
{
	background-color:#ECF5FB;
}

#demographics td
{
	vertical-align: top;
}

#demographics .form-field
{
	white-space: nowrap;
}

#demographics table
{
	
}


/* Student Preview END */

/* Navigation Tabs START */
.RadTabStrip_Windows7 .rtsLevel .rtsLink:hover, .RadTabStrip_Windows7 .rtsLevel .rtsSelected, .RadTabStrip_Windows7 .rtsLevel .rtsSelected:hover {
color:#FF6633 !important;
}

div.RadTabStrip .rtsUL { position: relative; }

/* Navagation Tabs END */

.RadTabStrip_Windows7 .rtsLevel1 {
background-color:#fff !important;
}

/* Multi Column Rad Combo START */
.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul, .rcbHovered ul, .rcbDisabled ul
{
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.col1, .col2, .col3
{
    float: left;
    width: 110px;
    margin: 0;
    padding: 0 5px 0 0;
    line-height: 14px;
}
/* Multi Column Rad Combo END */

/* View Student/Staff START */
.view td 
{
	background-color:White;
	border:solid 1px #C5DFFE;
	vertical-align:top;
	padding-left:5px;
}
.view td:hover
{
	background-color:#FBFDFF;
}
.view ul li
{
	padding-bottom:4px;
}
.view ul.float-left li
{
	width:80px;
	color:Gray;
}
.view .name
{
	text-align:center;
	color:Red;
	display:block;
}

/* View Student/Staff END */
.rgFiltered
{
    background-color:#ddddff;
    color:Red;
}

.cbx
{
	float:left;
}

.cbx label
{
	width: 225px;
	text-align:left;
}