a:active
{
outline: none;
}

a:focus
{
	-moz-outline-style: none;
	outline: none;
}

/* Default styles for server linkbuttons */
a.linkbutton, a.actionlink
{
	border:2px solid;
	border-top-color:#EEE;
	border-left-color:#EEE;	
	border-right-color:#888;
	border-bottom-color:#888;
	background-color:#DDD;
	padding:1px 5px 1px 5px;
	text-decoration:none !important;
	text-align:center;
	overflow:visible;
}
a.linkbutton:visited, a.actionlink:visited
{
	text-decoration:none;
}
a.linkbutton:hover, a.actionlink:hover
{
	color:#333;
	border-top-color:#666;
	border-left-color:#666;	
	border-right-color:#EEE;	
	border-bottom-color:#EEE;
	background-color:#CCC;
	text-decoration:none;
}
/* END Default styles for server linkbuttons */

/*Default style for buttons*/


input.button {
    padding: 0.2em 1.0em;
    width: 0;  /* IE table-cell margin fix */
    overflow: visible;
}

input.button[class] {  /* IE < 7 ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}

.button
{
    padding: 1px 3px;
    width: 0;  /* IE table-cell margin fix */
    overflow: visible;
    cursor:pointer;
} 
.button[class]
{
	 width: auto;
}

td.button[class] {
    width: 100%;
}
.ok
{
	/*padding-right:3px;
	padding-left:3px;*/
}

/* Styles for disabled links */
a.disabled, a.disabled:link, a.disabled:visited, a.disabled:hover, a.disabled:active {color:#888 !important; text-decoration:none; cursor:default;}
a.faded, a.faded:link, a.faded:visited, a.faded:hover, a.faded:active {color:#888 !important;}
/* END Styles for disabled links */

/*Calendar*/

table.calendar-main 
{
	border-collapse:collapse; 
	width:100%; 
}
table.calendar-main td
{
	border-collapse:collapse;
	vertical-align:top;
	padding:15px;
}
table.calendar-main td.one {width:180px;}
table.calendar-main td.two {}

select.courseselector
{
	width:180px;
}

table.calendar
{
	border-width:0px !important;
	width:180px;
}

table.calendar td
{
	border-collapse:collapse;
	padding:5px 2px 5px 2px;
	font-size:11px;
}
table.calendar td.cell-events
{
	font-weight:bold;
}

table.calendar td.today a, table.calendar td.today span
{
	border:2px solid #B01519;
	padding:2px;
}

table.calendar td a {text-decoration:none;}
table.calendar td a:link {text-decoration:none;}
table.calendar td a:visited {text-decoration:none;}
table.calendar td a:hover {text-decoration:none;}
table.calendar td a:active {text-decoration:none;}

.calendar-selectedday, .calendar-selectedday span, .calendar-selectedday font, .calendar-selectedday a
{
	background-color:#FBE694 !important;
	color:Black !important;
}

.calendar-dayheader	
{ 
	font-weight:bold !important; 
	text-transform:uppercase; 
	border-bottom:1px solid black; 
	padding:0 2px 3px 2px;
}
.calendar-nextprev { font-weight:bold !important; text-align:center;}
.calendar-title {  font-weight:bold; background-color:#fff; }
.calendar-title td, .calendar-title td a {font-size:10px !important;}
.calendar-othermonthday { background-color:#fff !important; }
.calendar-othermonthday a { color:#999999 !important; }

/*END Calendar*/

/* Schedule stuff */
table.schedule 
{
    background-color:#F5F5F5;
}

table.schedule td
{
	border-collapse:collapse;
	border:1px solid #B5B5B5;
	padding-top:7px;
	padding-bottom:7px;
}

.weekheadercell
{
	/*width:13%;*/
	background-color:#ebebeb;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	white-space:nowrap;
}

.calendarheadercell
{
	background-color:#EAF4FD;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
}
.weekcell
{
	background-color:#f5f5f5;	
	vertical-align:top;
	font-size:9px;
	padding:2px;
	width:auto;
	/*white-space:nowrap;*/
}

.time
{
	width:5%;
	text-align:center;
	background-color:#ebebeb;
	padding:2px;
	font-weight:bold;
	text-transform:uppercase;
	white-space:nowrap;
	min-height:50px;
}

.notimecell
{
	vertical-align:top;
	font-size:9px;
	padding:2px;
	white-space:nowrap;
}

.calendarcell 
{
    min-height:50px;
}

.calendartoday 
{
    background-color: #FBE694;
}

.calendarcelllight
{
	min-height:50px;
    color:#989898;
    background-color: #DFDFDF;
}

div.schedule-buttons { margin:0px; padding:0px; float:right; position:relative; top:10px; right:10px;}
/* END Schedule stuff */

/*Error pages*/
body.errorbody {font-family: Verdana;}
body.errorbody h3{font-size:15px; font-weight:bold;}
body.errorbody p{font-size:12px; font-weight:normal; margin-top:10px;}
table.errortable td, table.errortable th
{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;	
	text-align:left;
	padding:5px;
}
table.errortable th {font-weight:bold;}
/*END Error pages*/

/* Icon bars */
.iconbar
{
	padding: 0px 0px 0px 10px; 
	margin: 1px  0px 1px 0px;
	line-height:22px;
	height:22px;
	vertical-align:middle;	
	font-size:11px;
}
.iconbar a {margin-right:12px; text-decoration:none;color:#333;}
.iconbar a:link {text-decoration:none;font-size:10px;}
.iconbar a:visited {text-decoration:none;font-size:10px;}
.iconbar a:hover {text-decoration:none;color:#666;font-size:10px;}
.iconbar a:active {text-decoration:none;font-size:10px;}

.iconbar img {position:relative; top:-2px;margin:0px 5px 0px 5px;padding:0px;}
.iconbar img.adjust1 {}

.icon
{
	margin: 2px 3px 0px 3px;
	border-width: 0px;		
}
/* END Icon bars */

/*CommCentre*/
tr.trgray td, .tdgray
{
	background-color: #E8E8E8;
}

tr.trmessage td
{
	border-width:0px 0px 1px 0px;
	border-color:#CCC;
	border-style:solid;
}

td.folders
{
	border:solid 0px #FFF;
	width:90px;
}
td.showhide
{
	width:15px;
	border-width:0px 1px 0px 0px;
	border-style:solid;
}

.folders img {border-width: 0px; margin:0px 0px 0px 0px; padding:0px;}
.folders a {margin-right:14px; text-decoration:none;}
.folders a:link {text-decoration:none;}
.folders a:visited {text-decoration:none;}
.folders a:hover {text-decoration:none;}
.folders a:active {text-decoration:none;}
.folders img.adjust1 {position:relative; top:3px;margin-right:3px}
.folders img.adjust2 {position:relative; top:0px;}

tr.unread td:nth-child(4)
{
	/*background-color:#FFF7E5 !important;*/
	font-weight:bold;
}

.leftmargin {margin-left:20px;}

table.msg
{
	width:100%;border-collapse:collapse;
}

table.msg th
{
	text-align:left;
	padding:2px;
	border-collapse:collapse;
}

table.msg td
{
	padding:3px;
	border-collapse:collapse;
}

table.viewmsg 
{
}
table.viewmsg td.separated
{
	padding-right:25px;
}

table.viewmsg td.msgbody
{
	padding:10px 10px 25px 0px;
	font-size:12px;
	line-height:1.6em;
}
table.viewmsg td.msgbody textarea {width:454px; height:310px;}
table.viewmsg td.width-15 {width:15%;}

.contactsHeader
{
	text-align:left;
	padding:2px;
	border-collapse:collapse;	
	vertical-align:top;
	border-style:solid;
	border-width:0px 0px 1px 0px;
}
.contactsContainer
{	
	position:absolute; 
	top:112px;
	left:50;
	background-color:#FFF;
	z-index:10;
	width:750;	
	border:solid 1px #999;
}

.checkAll
{
	cursor:pointer; 
	cursor:hand;
	margin-left: 7px;
	margin-right: 4px;
	margin-top: 3px;	
}

select.contactsdropdown
{
	width:185px;
	overflow:hidden;
	border:solid 1px #999999;
}

.List
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: auto;
}
.LeftNav li
{
    border: 0px solid #FFFFFF;
    clear: both;
    margin: 0;
}
.LeftNav li a
{
    border: 1px solid #FFF;
    margin: 0;
    height: 22px;
    display: block;
}
.LeftNav li a div
{
    display: inline;
}


/*End CommCentre*/

/* hr Hack (To get a decent-looking hr: Replace all hr-tags with <div class="hr"><hr /></div> )  */
div.hr
{
	display:block;
	height:1px;
	line-height:1px;
	background-color:#ccc;
	color:#000;
	width:100%;
	margin:0px;
	padding:0;
}
div.hr hr{display:none;}
 /* END hr Hack */
 
 /* Paging for data tables */
div.paging
{
	text-align:center;
	padding:5px;
}
div.notopborder {border-top-width:0px;}
div.paging-news
{
	text-align:center;
	padding:4px;
}
/* END Paging for data tables */

/*News*/

h4.newsHeader {
	margin:0px 5px 0px 0px;
}

.newsDate {
	margin:5px 5px 3px 0px;
	padding:0px;
}


/*END News*/

/* Misc. styles */
.disabled{color:#bebdbd;}
.pointer {cursor:pointer; cursor:hand;}
.underline { text-decoration:underline !important; }
.nounderline { text-decoration:none !important; }
.lowercase {text-transform:lowercase;}
span.required-inline {color:#f00; font-size:13px; padding-left:0px; vertical-align:top; white-space:normal !important;}
body.popupwin {margin:0px; padding:0px; background-color:#fff; background-image:none;}
p.error-message {color:#f00; font-weight:bold;}
p.info-message {background-color:#ccffcc;color:green; font-weight:normal;}


.hint-box { border:1px solid gray; background-color:#EEE; padding:10px; margin:10px; width:250px; }
.hint-box2 { border:1px solid gray; background-color:#EEE; padding:10px; margin:10px; }
.bold {font-weight:bold;}
.para {line-height:1.5em;}
.largetext 
{	
	font-size:13px;
	line-height:16px;
}
.nopadding {padding:0 !important;}
.nomargin {margin:0 !important;}

.pdng-a {padding:10px; margin:0;}
.pdng-b {padding:5px; margin:0;}
.pdng-c {padding:4px 7px 5px 7px; margin:0;}
.pdng-d {padding-bottom:10px;}
.pdng-e {padding-bottom:5px;}
.pdng-f {padding:15px;}
.pdng-g {margin-top:10px;}
.pdng-h {padding-left:5px;margin-top:0px;}

.freetextwidth {width:200px;}

.y-middle {vertical-align:middle !important;}

td.smallcell, th.smallcell {width:10px;}
/* END Misc. styles */

/*Textboxes*/
input.mediumtextbox {width:150px;}
input.normaltextbox {width:200px;}
input.largetextbox {width:300px;}
textarea.normaltextbox {width:260px; height:100px;}
textarea.thintextbox {width:230px; height:60px;}
input.smalltextbox {width:40px;}
input.minitextbox {width:30px;}

/* Progressbar for personal files */
div.progressbar-files-div
{
	background-color:#fff;
	border:1px solid #000;
	padding:0px;
	float:left;
	height:10px;
	width:200px;
}

img.progressbar-files-img
{
	padding:0px;
	margin:0px;
	border-width:0px;
	border-right:1px solid #666;
}
.progressbar-almostfull
{
	color:red;
}
/* END Progressbar for personal files */

/* Browser test stuff */
h3.browsertest { font-size:14px; margin:0; padding:0;}
.browsertestctrl { margin:0; padding:10;width:200px; vertical-align:top;}
/* END Browser test stuff */

/*Alerts*/
div.alert
{
	margin:5px;
	padding-left:50px !important; 
	background-image:url(../Images/alert.gif); 
	background-repeat:no-repeat; 
	background-position:10px 6px;
	line-height:16px;
}

div.flash_icon
{
    position:relative;
    top:-10px;
    left:auto;
	margin:5px;
	padding-left:50px !important;
	line-height:16px;
	float:right;
}


/* For dhtml tooltips */
#dhtmltooltip
{
	position:absolute;
	border:1px solid gray;
	background-color:#FFFFE0;
	visibility:hidden;
	z-index:1003;
	margin:0; padding:0;
}
#dhtmltooltip img {margin:0; padding:0;}
#dhtmltooltip div.tt-main { padding:2px 5px; }
#dhtmltooltip div.tt-main h5 { font-weight:bold; margin:4px 2px 2px 2px; padding:0px; }
#dhtmltooltip div.tt-main p { margin:2px; padding:0px; }
#dhtmltooltip div.setmaxwidth 
{
	width:auto; 
	max-width:300px;
}


/* Container for page content */
div.maindiv
{
	z-index:2; 
	width:100%;
}
div.innerdiv
{
	margin:10px;
}

table.maintable 
{
	width:100%;
	height:80%;
	/*max-width:1010px;*/
	z-index:2; 
	position:absolute;
}
table.nomaxwidth {width:100%; max-width:100%;}
table.maintable td.maincell { padding:0px; vertical-align:top;}
table.maintable td.width-25 { padding:10px; vertical-align:top; width:25%;}
table.maintable td.width-33 { padding:10px; vertical-align:top; width:33%;}
table.maintable td.width-50 { padding:10px; vertical-align:top; width:50%;}
table.maintable td.width-66 { padding:10px; vertical-align:top; width:66%;}
table.maintable td.width-75 { padding:10px; vertical-align:top; width:75%;}
table.maintable td div.inner {margin:10px;}
/* END Container for page content */

/* Table for popup windows */
table.popup {position:absolute; top:0; left:0; margin:0; padding:0;}
table.popup td {padding:0; margin:0;}

/* Table for long forms */
table.forms 
{	
	border-collapse:collapse;
	margin:5px;
}
table.forms th
{
	padding:0px 3px 0px 3px;
	text-align:left;
	vertical-align:top;
	padding-right:5px;
	border-bottom:0px solid #EEE;
}
table.forms td
{
	padding:3px;
	vertical-align:middle;
	text-align:left;
	padding-right:5px;
	height:25px;
}

table.forms td.label
{
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
	padding-left:0px;
	white-space:nowrap;
}

table.forms td.normal
{
	font-weight:normal;
}

table.forms td.aligntop {vertical-align:top; padding-top:3px;}
table.forms td.extrapadding { padding-top:6px;}
table.forms td.extrapadding-left { padding-left:27px;}

table.forms td.separator {font-size:0.3em;}

table.forms td.nowrap { white-space:nowrap;}

table.smallforms {margin-left:7px;}
table.smallforms td {padding:2px 3px 2px 3px;}
table.smallforms td.label {padding-left:5px;}

table.noborder td {border-width:0px;}
table.noborder th {border-width:0px;}
/* END Table for long forms */

/* Filebrowser stuff */
table.filebrowser {width:100%;}
table.filebrowser .left {width:50%; padding:0;}
table.filebrowser .right {border-left:1px solid #aaa;}
table.filebrowser td.buttons-left {height:45px; border-top:1px solid #aaa; border-right:1px solid #aaa;}
table.filebrowser td.buttons-right {height:45px; border-top:1px solid #aaa;}
table.filebrowser div.folders {border-top:1px solid #aaa;}
table.filebrowser div.folder-create {position:absolute; top:395px; white-space:nowrap; padding:10px; background-color:#eee; border:1px solid black; display:none;}
table.filebrowser div.files {width:100%; height:414px; overflow:auto; margin-right:0px;}
table.filebrowser div.paging {border-top:1px solid #aaa;}
/* END Filebrowser stuff */

/* Lists */
ul.nomarker {padding-left:10px; margin-left:0;}
ul.nomarker li {list-style-type:none; padding-left:0;}
ul.nomarker li.pdng-a {padding:3px 0px 3px 0px;}
/* END Lists */

/* Error messages and info messages */
.error  
{
	background-color:#fef8f6;
	border:solid 1px #cd0a0a;
	background-image:url(../images/erroralert.png);
	padding:6px 6px 6px 20px;
	color:#cd0a0a;
	background-repeat:no-repeat;	
	margin:10px 10px 10px 0px; 
}
.error-plain { color:#f00; font-weight:bold; }
.success-plain { color:green; font-weight:bold; }
.pdng-a .error { margin-left:0px; }
.pdng-b .error { margin-left:0px; }
.info-message  
{
	background-color:#ccffCc;
	color:#164c0e; 
	font-weight:normal; 
	margin:10px 10px 10px 0px; 
	font-size:1.0em; 
	border-style:solid;
	border-color:green;
	border-width:1px;
	background-image:url(../images/info.png);
	padding:6px 6px 6px 20px;
	background-repeat:no-repeat;		
}
/* END Error messages and info messages */

.tab-menu {background-color:#eee; }
.tab-menu-item {background-color:#eee; padding:5px; text-align:left; }
.tab-menu-item-selected {background-color:#555; color:#fff !important; padding:5px; text-align:left; border-top-width:0px !important; }
.tab-menu-container {width:100%; background-color:#eee; border-bottom:1px solid #555; }

a.imglink {padding:0 5px 0 5px; text-decoration:none !important;}
a.imglink img, a.imglink-b img {border-width:0; vertical-align:middle;}


/* form styles */
fieldset 
{
	display:block; 
	padding:10px; 
	margin:10px;
	border:1px solid #999; 
}
fieldset p.extramargintop {margin-top:10px;}
legend { color:black; font-size:13px; }
/* END form styles */

/* Search stuff */
.searchhighlight {background-color:yellow;}
@media print 
{
  .searchhighlight {color:blue; font-weight:bold;}
}
/* END Search stuff */

/* Message indicator */
td.msg-indicator {padding-right:10px;vertical-align:middle;}
td.msg-indicator a {text-decoration:none !important; display:none;}
td.msg-indicator a img {border-width:0; position:relative; top:1px;}

div.newmessage
{
	position:absolute;
	top:15px;
	left:15px;
	width:150px;
	height:100px;
	padding:5px;
	background-color:#FFFFE0;
	border:1px solid black;
	z-index:9999;
	font-size:11px;
	overflow:hidden;
}
a.closenewmsg {float:right;}
a.closenewmsg img {border-width:0;}
div.newmessage a.readmore {float:right; position:absolute; bottom:5px; right:5px;}

/* END Message indicator */

/* Assignment indicator */
td.ass-indicator {padding-right:10px;vertical-align:middle;line-height:20px;}
td.ass-indicator a {text-decoration:none !important;}
td.ass-indicator a img {border-width:0; position:relative; top:1px;}

/* END Assignment indicator */

/* Duplication of the styles in editor.css. Reason: We must be able to get the same look for html that is not in stand alone html documents*/
.editorcontent {margin:0px;}
.editorcontent, .editorcontent p, .editorcontent td, .editorcontent td p {font-family:Verdana,Arial; font-size:11px;}

.editorcontent td p {margin-left:0px; padding-left:0px; }

.editorcontent h1, .editorcontent td h1{font-size:20px; font-weight:normal; color:#000;}
.editorcontent h2, .editorcontent td h2{font-size:18px; font-weight:normal; color:#000;margin-bottom:3px;}
.editorcontent h3, .editorcontent td h3{font-size:16px; font-weight:bold; color:#000;margin-bottom:3px;}
.editorcontent h4, .editorcontent td h4{font-size:14px; font-weight:bold; color:#000;margin-bottom:3px;}
.editorcontent h5, .editorcontent td h5{font-size:13px; font-weight:normal;margin-bottom:3px;}
.editorcontent h6, .editorcontent td h6{font-size:12px; font-weight:bold;margin-bottom:3px;}

.editorcontent a, .editorcontent td a {color:#333;}
.editorcontent a:link, .editorcontent td a:link {color:#333;}
.editorcontent a:visited, .editorcontent td a:visited {color:#333;}
.editorcontent a:hover, .editorcontent td a:hover {color:#777;}
.editorcontent a:active, .editorcontent td a:active {color:#333;}
/* END Duplication of styles... */

.bold
{
	font-weight:bold;
}

/*Blog                      */
.blogheader
{
	border:solid 1px #999;
	margin:5px 15px 5px 0px;
	width:99%;
}

.blogpanel
{
	width:200px;
	border:solid 1px #999;
	padding:0px;
	margin-right:15px;
	margin-top:20px;	
}
.blogpaneltitle
{
	font-weight:bold;	
	padding:5px;
}
.blogTitle
{
	margin-left:10px;
	margin-top:5px;
	width:400px;
}
.blogLatest
{
	font-weight:bold;
	font-size:18px;
	margin-left:10px;
	margin-top:5px;
	width:400px;	
	color:#004A95;
}
.blogDescription
{
	font-weight:normal;
	font-size:12px;
	margin-left:10px;
	margin-top:4px;
	margin-bottom:4px;
	width:400px;
}
.blogItem
{
	margin-left:10px;
	margin-bottom:5px;
	width:90%;
	/*border:solid 1px #000;*/
}
.blogItemPublished
{
	margin-top:3px;
	margin-left:10px;
	width:500px;
	padding-bottom:5px;
	color:#666;
}
.blogItemDate
{
	font-weight:bold;
	font-size:10px;
	margin-bottom:5px;
	margin-top:5px;
	color:#666;
}
.blogItemTitle
{
	font-weight:normal;
	font-size:17px;
	margin-top:5px;
}
.blogItemTitle a
{
	color:#000 !important;
}
.blogItemText
{
	font-weight:normal;
	margin-top:7px;
}
.blogItemComment
{
	font-weight:normal;
	margin-top:7px;
	margin-left:10px;
	margin-bottom:15px;
	width:500px;
}
.blogBottom
{
	text-align:left;
}
.blogCommentStatus
{
	margin:10px;
}
.blogMargin
{
	margin-left:10px;
}
.blogSummary
{
	width:300px;
	border:solid 0px #000;
	background-color: #fff;
	margin-left:10px;
}
.blogDisabled
{
	color:#666;
}

/*END Blog*/

.personContainer
{
    margin:10px;
    padding:10px;
}
.personBox
{
    float:left;
    text-align:center;
    margin:10px;
    padding:10px;
    border:solid 1px #fff;
    height:160px;
    border-style:solid;
    border-width:1px;
    border-color:#666666;
    width:120px;
    background-color:#EFEFEF;
}
.personBox2
{
    float:left;
    text-align:center;
    margin:10px;
    padding:10px;
    border:solid 1px #fff;
    height:180px;
    border-style:solid;
    border-width:1px;
    border-color:#01497C;
    width:120px;
    background-color:#EFEFEF;
}
div.blogbreadcrumbs 
{
	padding:5px 5px 5px 10px;
	background-color:#FFF;
	border-bottom:solid 0px #999;
}
div.blogbreadcrumbs a
{
	color:#046FAE !important;
}
/*Help boxes*/
.helpBox
{
	border:solid 1px #dcdc41;
	background-color:#ffffc6;
	font-size:10px;
	padding:10px;	
	position:absolute;
	z-index:100000;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 2px 2px 5px #999;
	-webkit-box-shadow: 2px 2px 5px #999;
	box-shadow: 2px 2px 5px #999;
}
.helpBoxStatic
{
	border:solid 1px #dcdc41;
	background-color:#ffffc6;
	font-size:10px;
	padding:10px;	
}

.helpBox p, .helpBoxStatic p
{
	margin:3px 0px 3px 0px;
}
.flyOutDiv
{
	font-family:Verdana;
	font-size:11px;
	display: none; 
	position: absolute; 
	z-index: 3; 
	opacity: 0; 
	filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0)); 
	border: solid 1px #dcdc41; 
	background-color: #ffffc6; 
	padding: 10px;
} 
.helpBoxHeader
{
	font-size:1.1em;
	color:#3165c6;
	font-weight:bold;
}
.closehelpimg
{
	float:right;
	cursor:pointer;
	margin:0px 0px 2px 2px;
}
/***************************************/

.collapsePanel {
	background-color:white;
	overflow:hidden;
}
.collapsePanelHeader{	
	width:640px;		
	height:18px;
	font-weight:bold;
	padding:7px 2px 2px 2px; 
	cursor: pointer; 
	vertical-align:bottom;
	background-color:#efefef;
	border:solid 1px #cccccc;
	margin:2px 0px 1px 2px;
}

.ajaxloader
{
	position:absolute;
	top:50%;
	left:45%;
	z-index:500;
	border:solid 1px #999;
	background-color:#fff;
	width:120px;
	text-align:center;
	height:50px;
	padding:10px 20px 10px 10px;
	color:#333;
}
.ajaxloader img
{
	margin:10px 0px 10px 10px;
	float:left;
}

#Splitter {
	height:90%;
	width:100%;
	border: 0px solid #aaa;
}
#Splitter div {
	overflow: auto;
}
.vsplitbar {
	width:10px;
	background-image:url(../images/divider.gif);
	border-width:1px 0px 1px 0px;
	border-style:solid;
	border-color:#b5b6b5;
}
.leftmenu
{
	/*margin:2px 0px 0px 2px;*/
	margin:0px;
	padding:0px;
	/*background-color:#fff;*/
}
.leftmenu img
{
	border:0;
}
.leftmenu a
{
	/*white-space:nowrap !important;*/
	text-decoration:none !important;
}
.leftmenu div
{
	margin-bottom:1px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#ccc;
	padding:7px 3px 7px 5px;
	width:100px;
	/*background-color:#efefef;*/
}
.leftmenu div:hover
{
	/*background:#fff url(../images/activeitem.png)  no-repeat right;	
	border:solid 1px #999;
	background-color:#f7dd4e;*/
}
.leftmenu div.activemenu
{
	/*background:url(../images/activeitem.png) no-repeat left;
	background-position:3px;*/
	font-weight:bold;
}

.toggletools
{
	/*background-image:url(../images/togglemenu_bg.png);
	background-repeat:repeat-y;*/
	width:18px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:11;
}
.toggletools img
{
	margin:3px 1px 1px 1px;
}

.togglemenu
{
	/*background-color:#fff;*/
	position:absolute;
	top:3px;
	left:0px;
	z-index:10;

	height:100%;
}

#MnuContainer
{	
	position:absolute;
	top:5px;
	left:0px;
	overflow:hidden;
	background-color:#FFF;
	border-bottom-right-radius:6px;
	border-top-right-radius:6px;
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:#999;
	-moz-box-shadow: 5px 5px 3px #888;
	-webkit-box-shadow: 5px 5px 3px #888;
	-box-shadow: 5px 5px 3px #888;
	z-index:100;
}
.pin
{
	height:16px;
	padding:2px;
	margin-right:2px;
}

.pin img
{
	cursor:pointer;
	margin-right:3px;
	float:right;
}

table.menutable
{
	width:100%;
	height:100%;
}
table.menutable td
{
	vertical-align:top;
}

.watermarked
{
	/*background-color:#efefef;*/
	color:#666;
}
.watermarkedlight
{
	color:#666;
}

/*Iconbar menu item*/
#iconbarmenu
{	margin: 0;
	padding: 0;
}
	
#iconbarmenu li
{	
	float: left;
	list-style: none;	
	text-align:center;
	margin:0px 5px 0px 5px;		
}
		
#jsddm li a img
{
	border:0;
}	

#iconbarmenu li a
{	
	display: block;		
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	color: #000;
	white-space: nowrap;
	font-weight:normal;
	font-size:11px;
}
		
#iconbarmenu li ul
{	
	visibility:hidden;
	margin:0px;
	padding: 0;
	position: absolute;
	border:solid 1px #999;	
	text-align:left;
	background-color:#FFF;
	z-index:1000;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-align:left;
	background-color:#FFF;		
	-moz-box-shadow: 3px 3px 5px #888;
	-webkit-box-shadow: 3px 3px 5px #888;
	box-shadow: 3px 3px 5px #888;
}
		
#iconbarmenu li ul li
{				
	text-align:left;
	clear:both;	
}

#iconbarmenu li ul li a
{		
	float: none; /*Ska tas bort?*/
	display: inline; /*Ska tas bort?*/
	text-align:left;
	color:#000;	
	padding:0px 3px 1px 4px;	
}
					
#iconbarmenu li ul li a:hover		
{	
	text-decoration:underline;
	color:#000;
}

h4.pagesubheader
{
	font-size:12px;
	font-weight:bold;
	margin-bottom:4px;
	font-variant:small-caps;
	border-bottom:solid 1px #000;
}
.smallcaps
{
	font-variant:small-caps;
}
.breadcrumbs
{
	margin:10px 5px 10px 5px;	
	font-size:11px;
}
.breadcrumbs .active
{
	padding:3px;
	background-color:#efefef;	
	cursor:default;
}
.breadcrumbs a
{
	text-decoration:none !important;
	color:#666 !important;
	cursor:pointer;
	font-size:11px;
}
.breadcrumbs a:hover
{
	color:orange!important;
}

.info, .toggle
{
	cursor:pointer;
}
.working
{
	float:right;
	margin-top:20px;
	margin-right:15px;
	font-weight:bold;color:#666666;
}
.noborder
{
	border:0;
}
/*Tracking*/

.failed
{
	background-color:#CC0000;
	color:#FFF;
}
.completed
{
	background-color:#89d73b;
}
.passed
{
	background-color:#4f9c01;
	color:#FFF;
}
.pending
{
	background-color:#FFFF66;
}
.notattempted
{
	background-color:#CC6600;
	color:#FFF;
}
.incomplete
{
	background-color:#CCCC00;
}
.progressbar
{
	margin:3px 0px 3px 0px;
	width:214px;
	height:15px;
	background-repeat:no-repeat;
	background-image:url(../images/progressbar2.gif);
}
.progressbar img
{
	height:13px;
	margin-left:1px;
}

.overviewSmallPanelHeader
{
	color:#333;
	cursor:pointer;
	background-color:#efefef;
	padding:3px;
	margin:1px;
	border: solid 1px #999;
	height:18px;	
	line-height:18px;
	vertical-align:middle;
}
.overviewSmallPanelHeaderOn
{	
	color:#000;
}

.overviewCollapsePanel
{
	border-bottom:solid 0px #999;
}
.overviewSmallPanelHeader img.iconimg
{
	position:absolute;right:25px;
}
.panelAct 
{
	border:1px solid #ccc;
	background-color:#fff;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
}

.textgrow
{
	overflow:auto;
}
.editable
{
	background-color:#ccc;
	cursor: pointer;
	padding:2px;
}
.editSalary
{
	padding:10px;
	background-color:#FFF;
	position:absolute;
	display:none;
	border:solid 1px #666;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 5px 15px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
}
.hoverPersPresentation
{
	background-color:#FFF;
	padding:10px;
	display:none;
	position:absolute;
	z-index:10000;
	border:2px solid #ccc;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius: 4px;
  -moz-box-shadow:0 0 5px #888888;
  -webkit-box-shadow:0 0 5px #888888;
	width:300px;
}
.hoverPersPresentation img
{
	margin-right:10px;
	border:solid 1px #666;
}

.chat-bubble-arrow-border {
  border-color: #ccc transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-22px;
  left:30px;
}
.chat-bubble-arrow {
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-19px;
  left:30px;
}