body
{
margin:0;
padding:0;
font-family: 'Open Sans', sans-serif;
line-height: 26px;
color:#303030;background:url(/images/uni_logo_index.gif) right 10px no-repeat;
min-width: 760px;      /* 2x (LC fullwidth +

                            CC padding) + RC fullwidth */
}

#wrapper
{
float: left;
width: 100%;
padding-bottom:20px;
}
	
#efolioSidebar
{
	float: left;
	width: 180px; /*Width of left column*/
	padding:0px 20px;
}

#mainContent
{
	margin-top:-10px;
	margin-left: 230px; /*Set left margin to LeftColumnWidth*/
	min-width:800px;
	font-size:14px;
	line-height:26px;
}

#footer {
	width:100%;
	background: #ccc;
	text-align: center;
	font-size:80%;
	line-height:20px;
	border-top:solid 1px #666666;
	border-bottom:solid 1px #666666;	
	clear:both;
}


/* Login Page */

.loginWelcomeDiv {
	width: 100%;
	min-width: 500px;
	margin-top:-20px;
}


.halfDivLeft {
	float: left;
	width: 40%;
}

.halfDivRight {
	float: right;
	width: 40%;
	font-size:14px;
	line-height:26px;
	padding-right:100px;
	
}


#loginBox
{
	padding:3px;
	font-size:95%;
	width:300px;
}

#loginBox table td
{
 border:0px;
 padding:2px;
 margin:0px;
}

#loginBox table
{
 border:3px solid #bbb;
 padding:2px;
 margin:2px;
 background-color:#eee;
}

#loginBox input[type=text]
{
	font-size:12px;
}






/* End of Login Page */

#portfolioTitle
{
background:url(/images/efolio_logo.jpg);
background-repeat: no-repeat;
height:85px;
padding:15px 0px 20px 140px;
}

#titleText
{
padding:12px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:34px;
color:#006699;
}



#assignmentsTitle
{
background:url(/images/assignment_logo.jpg) no-repeat;
background-repeat:no-repeat;
height:85px;
padding:15px 0px 20px 140px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:34px;
color:#006699;
}

#portfolioTitle a:link, #portfolioTitle a:active, #portfolioTitle a:visited, #portfolioTitle a:hover
{
text-decoration:none;
color:#006699;
}

#topBanner
{
	width:100%;
	background:url(/images/top_repeat.gif) repeat-x;
	height:85px;
	
}


#settings
{
	text-align:right;
	font-size:70%;
	font-weight:normal;
	margin:0px;
	position:relative;
	right:10px;
	top:-70px;
	min-height:20px;
}

#settings a:link, #settings a:active, #settings a:visited {
	color:#999999;
	text-decoration:none;
	font-weight:normal;
	
}
#settings a:hover {
	color:#333333;
	text-decoration:underline;
}

#masterSearch
{
	text-align:right;
	font-size:90%;
	font-weight:normal;
	margin:0px;
	position:relative;
	right:10px;
	min-height:20px;
}



#portfolioNavcontainer ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#portfolioNavcontainer a
{
	display: block;
	padding: 3px;
	width: 180px;
	background-color: #369;
	border-bottom: 1px solid #eee;
}

#portfolioNavcontainer .currentPage
{
	display: block;
	padding: 3px;
	width: 180px;
	background-color: #369;
	font-weight:bold;
	border-bottom: 1px solid #eee;
	color:#FFFFFF;
}
#portfolioNavcontainer .portfolioCreator
{
	display: block;
	padding: 3px;
	width: 180px;
	background-color: #ccc;
	font-weight:bold;
	border-bottom: 1px solid #eee;
	color:#333333;
	font-size:120%;
}



#portfolioNavcontainer a:link, #navlist a:visited
{
	color: #EEE;
	text-decoration: none;
}

#portfolioNavcontainer a:link, #navlist a:visited
{
	color: #EEE;
	text-decoration: none;
}

#portfolioNavcontainer a:hover
{
	background-color: #036;
	color: #fff;
}

#itemEditBox
{
	border:1px solid #fff;
	margin:5px;
	padding:5px;
}

#masterSearchDiv
{
	position:absolute;
	right:8px;top:115px;
	background:#FFFFFF;
	border:solid 1px #ccc;

	z-index:10000;
	height:auto;
	display:none;
}

#masterSearchDiv a:link, #masterSearchDiv a:active, #masterSearchDiv a:visited {
	color:#336699;
	text-decoration:none;
	font-weight:normal;
	
}
#masterSearchDiv a:hover {
	color:#000099;
	text-decoration:underline;
}




/*** IE Fix ***/
* html #left {
  left: 240px;           /* RC fullwidth */
}


/* Start of 2 col simple CSS*/


.infoBoxTitle
{
	margin:0px 20px 0px 0px;
	display:block;
	color:#FFFFFF;
	text-indent:6px;
	background:#03C;
	font-size:20px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,1e5799+100 */
	background: #7db9e8; /* Old browsers */
	background: -moz-linear-gradient(top,  #7db9e8 0%, #1e5799 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7db9e8 0%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7db9e8 0%,#1e5799 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7db9e8 0%,#1e5799 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7db9e8 0%,#1e5799 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */

}

#infoBox {
	border:1px solid #006699;
	padding:3px 3px 20px 10px;
	margin:0px 20px 0px 0px;
}


#infoBox2{
	width:95%;
	border:1px solid  #ccc;
	padding:3px 5px 8px 7px;	
	margin:0px;
	margin-bottom:10px;
}

#infoBox3{
	width:95%;
	border:1px solid  #ccc;
	padding:1px 5px 8px 17px;	
	margin:0px;
	margin-bottom:10px;
}

a:link, a:active, a:visited  {color: #336699; text-decoration: none;}
a:hover { color:#000099; text-decoration: underline;}

a.fadeLink:link { color:#999999; text-decoration: underline; font-weight: bold; }
a.fadeLink:active { color: #666666; text-decoration: underline; font-weight: bold; }
a.fadeLink:visited { color: #666666; text-decoration: underline; font-weight: bold; }
a.fadeLink:hover { color:#666666; text-decoration: underline; font-weight: bold;}




/* Main Menu */

#navcontainer { width: 100%; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#navcontainer a
{
display: block;
padding: 2px 0px 2px 12px;
background-color: #fff;
border-bottom: 1px solid #ddd;
}

#navcontainer a:link, #navcontainer a:visited
{
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}



/* End of main menu */



/******************************/
/******* TABLES ***************/
/******************************/
table{
border:0px;
border-collapse:collapse;
empty-cells: show;
}



table#mainTable {
    background-color:#FFFFFF;
    border: 0px;
    width: 100%;
	margin-top:10px;
}



table#mainTable td
{
	padding-left:20px;
}
table#imageTable td
{
	padding:0px !important;
	border:0px;
}

.percentCompletebar
{
background:url(/images/percent_back_repeat.png) repeat-x;
}

td
{
	border-bottom:solid 1px #ccc;
	padding:4px;
}

.noBorder
{
	border:0px !important;
}




th {
background:url(/images/th_bg.gif) repeat-x #9b9b9b;
color:#000;
text-shadow: 1px 1px #f1f1f1;
font-size:110%;
font-weight:100;
padding:3px;
text-align:left;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
}


.tablecol1 {

}
.tablecol2 {
	background-color: #f1f1f1; 
	border-bottom:solid 1px #ccc;
	padding:4px;
}

table#noBorder td{
	border:0px;
	padding:4px;
} 

table.simpleListTable td{
	border:0px;
	padding:0px 5px 0px 5px;
} 




.form-general label{float:left;width:120px;padding:0 1em;text-align:right;display:inline;}
.form-general label h4{width:120px;padding:0 1em;}
.form-general textarea{width:600px; height:120px;}
.form-general div.fm-req{font-weight:bold; color:#990000;background:#f1f1f1; margin:10px 0px; border:1px solid #ccc;}
.form-general div.fm-req label:after{content:"*";}
.form-general div.fm-opt{background:#f1f1f1; margin:10px 0px; border:1px solid #ccc;width:800px;
-moz-border-radius:0px 10px 0px 10px;
-webkit-border-top-right:10px;
-webkit-border-bottom-left:10px;
border-radius:0px 10px 0px 10px;
}

label.checkbox 
{
float:none;
padding:2px;
margin:0px;

}



form{
	padding:0px;
	margin:0px;
}


input[type="checkbox"], input[type="radio"], input[type="image"]{
   background: transparent;
   border: 0;
}

#efolioSidebar .button-primary,
#mainContent .button-primary-green,
#popupBox .button-primary,
.button-primary-green,
.confirmFormButton,
#mainContent .button-primary,
.confirmBlueButton,
.confirmBlueButton a,
button-primary
{
	line-height:20px;
	color: #fff !important;	
	display: inline-block;
	font-size: 14px;
	margin: 5px 10px 5px 0px;
	padding: 3px 10px 3px 10px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 3px;
	-webkit-appearance: none;
	border-radius: 3px;
	white-space: nowrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;	
}

#efolioSidebar .button-primary,
#mainContent .button-primary-green,
.button-primary-green,
.confirmFormButton
{
    background-color: #215c22;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#76e473), to(#2b8317));
	background-image: -webkit-linear-gradient(top, #76e473, #2b8317);
	background-image:    -moz-linear-gradient(top, #76e473, #2b8317);
	background-image:     -ms-linear-gradient(top, #76e473, #2b8317);
	background-image:      -o-linear-gradient(top, #76e473, #2b8317);
	background-image:   linear-gradient(to bottom, #76e473, #2b8317);
	border-color: #63cc5c;
	border-bottom-color: #2b8317;
	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
	box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);	
}

#efolioSidebar .button-primary,
#mainContent .button-primary-green:hover,
.button-primary-green:hover,
.confirmFormButton:hover
{
	background-image: linear-gradient(to bottom,#98ea81,#215c22);
	border-color: #76e473;
	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
	box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	background-color: #278ab7;
	text-decoration:none !important;
}


#efolioSidebar .button-primary,
#mainContent .button-primary:hover,
.confirmBlueButton:hover
{
	background-image: linear-gradient(to bottom,#2e9fd2,#21759b);
	border-color: #1b607f;
	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
	box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	background-color: #278ab7;
	text-decoration: none !important;
	
}

#efolioSidebar .button-primary,
#mainContent .button-primary,
#popupBox .button-primary,
.confirmBlueButton,
.confirmBlueButton a
{
    background-color: #21759b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
	background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
	background-image:    -moz-linear-gradient(top, #2a95c5, #21759b);
	background-image:     -ms-linear-gradient(top, #2a95c5, #21759b);
	background-image:      -o-linear-gradient(top, #2a95c5, #21759b);
	background-image:   linear-gradient(to bottom, #2a95c5, #21759b);
	border-color: #21759b;
	border-bottom-color: #1e6a8d;
	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
	box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);	
}

hr
{
	margin-top:8px;
	margin-bottom:8px;
	border:1px #ccc solid;
}

blockquote
{
	color:#666666;
	background:url(/images/quotes.gif) top left no-repeat;
	padding-left:30px;
}
blockquote div
{
	color:#666666;
	background:url(/images/quotes_end.gif) bottom right no-repeat;
	padding-right:30px;	
	
}


/*
ul
{
	margin:0px;
}
li {
  list-style: none;
  background-image: url(/images/bullet.gif);
  background-repeat: no-repeat;
  padding-left: 15px;
  margin:4px;
}
*/


.addButton a:link, .addButton a:active, .addButton a:visited {
	border:#D7F3C5 1px solid;
	text-decoration: none;
	font-weight: bold;
	background:#EBFFEA url(/images/icons/silk/add.png) left no-repeat;
	color:#006600;
	padding:5px;
	padding-left:20px;
	margin-left:5px;
	line-height:30px;
	}
.addButton a:hover {
	border:1px solid #009900;
	font-weight: bold; 
	background:#E0FCE7 url(/images/icons/silk/add.png) left no-repeat;
}

.submitButton a:link, .submitButton a:active, .submitButton a:visited {
	text-decoration: none;
	font-weight: bold;
	background:#EBFFEA url(/images/green_but_off.gif) center no-repeat;
	color:#FFFFFF;
	padding:5px 20px;
	margin:5px;
	text-align:center;

	
	}
.submitButton a:hover {
	color:#fff;
	background:#E0FCE7 url(/images/green_but_on.gif) center no-repeat;
}
	
	

	
.cancelButton a:link, .cancelButton a:active, .cancelButton a:visited {
	background:#FFF2F2;
	text-decoration: none;
	font-weight: bold;
	color:#990000;
	padding:5px 10px 5px 10px;
	border:1px solid #F9D0D0;
}
.cancelButton a:hover {
	border:1px solid red;
	background:#FDE8E8;
}

.confirm
{
	background-color:#EDFEEF;
	font-weight: bold;
	color:#006600;
	padding:5px 10px 5px 10px;
	border:#C4FBC8 1px solid;
	text-decoration: none;
}

.confirmButton a:link, .confirmButton a:active, .confirmButton a:visited {
	background-color:#EDFEEF;
	text-decoration: none;
	font-weight: bold;
	color:#006600;
	padding:6px;
	border:#C4FBC8 1px solid;
	line-height:30px;
}

.confirmButton a:hover {
	border:1px solid #009900;
	font-weight: bold; 
	background-color:#E0FCE7;
	color:#333333;	
	text-decoration: none;	
}






.confirmNextButton a:link, .confirmNextButton a:active, .confirmNextButton a:visited {
	background:#EDFEEF url(/images/icons/silk/arrow_right.png) right no-repeat;
	text-decoration: none;
	font-weight: bold;
	color:#006600;
	padding:8px 20px 8px 10px;
	border 1px solid;
	border:#C4FBC8 1px solid;
	margin-top:5px;
	margin-bottom:5px;	
	
}

.confirmNextButton a:hover {
	border:1px solid #009900;
	font-weight: bold; 
	background:#E0FCE7  url(/images/icons/silk/arrow_right.png) right no-repeat;
	color:#333333;
	
}


	


/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font-family: 'Ubuntu', sans-serif;
font-size:140%;
font-weight:300;
border-bottom: 2px solid #336699; /* set border COLOR as desired */
list-style-type: none;
padding: 5px 10px px 10px; /* THIRD number must change with respect to padding-top (X) below */
min-width:830px;

}

ul#tabnav li { /* do not change */
display: inline;
}

ul#tabnav li a { /* settings for all tab links */
padding: 8px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #336699; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #ccc; /* set unselected tab background color as desired */
color: #000; /* set unselected tab link color as desired */
margin-right: 6px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav .here { /* settings for all tab links */
padding: 8px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #336699; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #fff; /* set unselected tab background color as desired */
color: #336699; /* set unselected tab link color as desired */
margin-right: 6px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: solid 2px #fff;
}

ul#tabnav a:hover { /* settings for hover effect */
background:#E6E6E6;
}


/* Tab Nav for the front apge */
.loginWelcomeDiv ul#tabnav { /* general settings */
font-weight:normal;
font-size:22px;
border-bottom: 1px solid #ccc; /* set border COLOR as desired */
margin-bottom:15px;

}

.loginWelcomeDiv .halfDivRight h2 { /* Hide the heading ont he front page */
display:none;
}

.loginWelcomeDiv ul#tabnav li a { /* settings for all tab links */
background-color: #f1f1f1; /* set unselected tab background color as desired */
color: #336699; /* set unselected tab link color as desired */
border: 1px solid #ccc; /* set border COLOR as desired; usually matches border color specified in #tabnav */
padding: 3px 14px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */

}

.loginWelcomeDiv ul#tabnav .here { /* settings for all tab links */
padding: 3px 14px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #ccccccc; /* set border COLOR as desired; usually matches border color specified in #tabnav */
color: #336699; /* set unselected tab link color as desired */
margin-right: 3px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: solid 2px #fff;
font-weight:normal;
z-index:120;

}

.loginWelcomeDiv ul#tabnav a:hover { /* settings for hover effect */
background:#E6E6E6;
}

/* end css tabs */


.largeText
{
	font-size:large;
	color:#333333;
}


/******************************/
/******* Form Elements ********/
/******************************/
.form_smallTextBox
{
	border:1px solid #336699;
	background:#f1f1f1;
	font-size:80%;
	margin:2px;
}

.form_textboxH1
{
	border:2px inset #0099CC;
	background:#f1f1f1;
	font-size:180%;
	padding:2px;
	margin:2px;
}

.formSubmitButton{
	background-color:#EDFEEF;
	text-decoration: none;
	font-weight: bold;
	color:#006600;
	padding:5px 10px 5px 10px;
	border:#339900 1px solid;
	line-height:30px;
	
}

.formDropdownSmall
{
	font-size:90%;
	background:#ECF1F7;
	margin:2px;
}

.formDropdownLarge
{
	font-size:110%;
	background:#ECF1F7;
	margin:2px;
}


.form_smallSubmit
{
	border:1px solid #336699;
	background:#f1f1;
	font-size:90%;
	margin:2px;	
	
}

#formH1
{
	font-size:16px; font-weight: bold;
	border:solid 1px #ccc;
	padding:3px;
	background:#f1f1f1;
	margin-bottom:3px;
}

#formH2
{
	font-size:14px; font-weight: bold;
	border-bottom:solid 1px #ccc;
	padding:3px;
	margin-bottom:3px;}

#formH3
{
	font-weight: bold;
	padding:3px;
	color:#333333;
}



#feedbackWrapper
{
	margin-right:10px;
	margin-bottom:10px;
}

div.feedback 
{
	text-decoration: none;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: 5px;
	display: block;
	background-color: #F2FFF2;
	padding: 8px 5px 8px 8px;
	margin-right:10px;
	border: 1px solid #009900;
	font-weight: bold;
}

div.feedbackWarning
{
	text-decoration: none;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: 5px;
	background-image: url(/images/icons/silk/exclamation.png);
	padding-left: 25px;
	display: block;
	background-color: #FFEAEA;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 1px solid #990000;
	font-weight: bold;
	
}

div.feedbackAlert
{
	text-decoration: none;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: 5px;
	background-image: url(/images/icons/silk/error.png);
	padding-left: 25px;
	display: block;
	background-color:#FFE6D9;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 1px solid #CC6600;
	font-weight: bold;
}

/* Assignment styles */
.finalMark
{
	font-size:140%; font-weight: bold; color:#000000;
	padding:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:5px;
}


h1{
	font-size:2.6em; color:#666;
	padding:5px 5px 12px 0px;
	margin:5px 0px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:lighter;
	letter-spacing:-1px;
	line-height:1em;
	
}

h2{
	font-size:2em;
	color:#666;
	font-weight:400;
	padding:33px 0px 2px 0px;
	margin:0px 0px 10px 0px;
	font-family: 'Ubuntu', sans-serif;
	line-height:28px;
	
}



h3 {
	padding:5px 0px 5px 0px;
	font-size:1.4em;
	color:#666;
	margin:5px 0px 0px 0px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	
	
}


label
{
	font-weight:bold;
}

.inlineLayout label {
  float:left;
  width:30%;
  margin-right:0.5em;
  text-align:right;
  font-weight:bold;
}
  
#checklist
{
	padding:5px 0px;	
}

#checklist label
{
	display:inline-block;	
	font-weight:normal;
	padding-left:3px;
	border-bottom:1px solid #f1f1f1;
	margin-bottom:5px;
}







.heading {
	font-size:135%;
	font-weight: bold;
	color: #336699;
	padding:5px;
	line-height:20px;

}



h4 {
	color:#666;
	font-weight: bold;
	margin-top:3px;
	margin-bottom:2px;	
	padding:5px 5px 0px 2px;	
}
.subheading {font-size:120%; color: #336699;	font-weight: bold;}


.smalltext {font-size: 80%}



.smallGreyText
{
font-size: 80%;
font-weight:normal;
color:#666666;
}


.smallGreyLink a:link, .smallGreyLink a:active, .smallGreyLink a:visited {
	color:#999999;
	text-decoration:none;
	font-weight:normal;
	font-size:80%;
	
}
.smallGreyLink a:hover {
	color:#333333;
	text-decoration:underline;
}

.greyLink a:link, .greyLink a:active, .greyLink a:visited {
	color:#999999;
	text-decoration:none;
	font-weight:normal;
	
}
.greyLink a:hover {
	color:#333333;
	text-decoration:underline;
}

/* The folloing styles just spit ou red orange or green - for simplt color formatting */
.successText
{
color:#339933;
}

.queryText
{
color:#CC6600;
}

.failText
{
color:#990000;
}



a.tooltip{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none;
}

a.tooltip:hover{z-index:25; background-color:#fff;}

a.tooltip span{display: none;}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #336699;
    background-color:#f1f1f1;
	color:#000;
    text-align: center;
}






#floatRight
{
	float:right;
	margin:0;
}

#floatLeft
{
	float:left;
	margin:0;
	display:inline;
}

#clearDiv
{
	clear:both;
	margin:0px;
}



/* jquery form error box style */
.error
{
	border:dotted 2px #FF0000;
	pdding:2px;
}
#continuebox 
{
display:none;
}

.fadedText
{
	color:#CCCCCC;
}

.greyText
{
	color:#999999;
}



/* POpup Box stuff */

#fade {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=60);
	opacity: .60;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 10;
}
#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}



.popupFeedbackBox{
	background:#ECF1F7;
	padding: 10px 20px;
	border: 10px solid #336699;
	float: left;
	width: 600px;
	position:fixed;
	top: 5%;
	left: 50%;
	margin: 0 0 0 -350px;
	z-index: 200;
}
.popupFeedbackBox .popup {
	width: 90%;
	background: #fff;
	border: 1px solid #bbb;
	padding: 15px;
	margin: 15px;	
}

.closeButton a:link, .closeButton a:active, .closeButton a:visited, .closeButton a:hover {
	position:relative;
	top:-27px;
	left:285px;
}


/*--Making IE6 Understand Fixed Positioning--*/

*html #fade {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html .popupFeedbackBox {
	position:absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}

.warningtext { 
color:#336699;
line-height:25px;
font-weight:bold;
}
/*--IE 6 PNG Fix--*/


.divTable
{
	display:  table;
	width:auto;
   /* border-collapse:separate;*/
}

.divRow
{
   display:table-row;
   width:auto;
}

.divCell
{
	float:left;/*fix for  buggy browsers*/
	display:table-column;
	width:200px;
}

/* CK Editor auto add margin to all editors */
.cke
{
	margin-right:50px !important;
}

.slidingDiv {
    height:300px;
    background-color: #99CCFF;
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #3399FF;
}
 
.show_hide {
    display:none;
}




#userSearchResultsBox
{
	overflow:auto;
	width:700px;
	border:1px solid #ccc;
	padding:5px;
}


a img {outline : none;}
img {border : 0;}



#indexContentWrapper{
	float: left;
	width: 100%;
	margin-right: -275px; /* The size of the fixed block. */
	padding-right:10px;
}

#indexMainContentDiv
{
margin-right: 275px; /* The fluid middleblock. */
}

#indexRightSideBar {
	float: left;
	width: 250px; /* The size of the fixed block. */
	margin-right:15px


}

.dataTables_wrapper
{
	width:90%;	
}

/* Overwrriting patrick styles for syllabus editor API */
.ff_section h2.ff_title
{
	box-shadow: 10px 10px 8px #fff !important;
	background-color: #fff !important;
	border: 0px !important;	
	font-size:2.2em;
	color:#666;
	font-weight:100;
	padding:13px 0px 2px 0px !important;
	margin:0px 0px 10px 0px !important;
	font-family:Georgia, serif;
	line-height:28px;	
}




.activeButton
{
	color:#060;
	background:url(/images/led_on.gif) left top no-repeat;	
	padding-left:30px; padding-top:5px;	padding-bottom:5px;	margin:1px;
	padding-right:30px;
}

.inactiveButton
{
	color:#900;
	background:url(/images/led_off.gif) left top no-repeat;	
	padding-left:30px; padding-top:5px;	padding-bottom:5px;	margin:1px;
	padding-right:30px;
	
	
}

.greenRow
{
	background:#E9FBE6;	
}
.orangeRow
{
	background:#FFEADF;	
}

.redRow
{
	background:#FDDFE0;	
}



#ethnicityListWrap label { font-weight:500; }



/* form ui/feedback */

.requiredField
{
	color:#FF0000;
	font-weight:bold;
	font-size:14px;
	padding:2px;
}

.lightText { color:#888; }
.smaller { font-size:0.75em; }

.requiredWarning { color:#f00; }
.greyedOutText { color:#ddd; }


/* Create/edit Project layout */

table.project-edit {
	width:100%;
	margin:0;
	padding:0;
}
table.project-edit tr { }
table.project-edit td { padding:10px 15px 10px 10px;border-bottom:1px solid #ccc; vertical-align:top; text-align:left; }
table.project-edit td.label { width:180px; }
table.project-edit td.tdhead { font-weight:700; border-bottom:1px solid #ddd; }
table.project-edit td.tdexpired { font-weight:700; color:#c00; font-size:0.75em; width:30px; padding:10px 0px 10px 8px; }
table.project-edit td.tdrunning { font-weight:700; color:#090; font-size:0.75em; width:30px; padding:10px 0px 10px 8px; }

.rowtint { background:#fafafa; }
.expired { background:#fff0f0; }
.running { }


table.project-edit input { padding:5px 10px; }
table.project-edit select { padding:5px 10px; outline:none; }
table.project-edit .description { font-style:italic; color:#888; font-size:0.85em; padding-left:10px; font-weight:500; }
table.project-edit .confirmFormButton { padding:15px 25px; cursor:pointer; }
table.project-edit #projectName { font-size:22px; }


.myCompetencyLevel
{
	padding:5px 15px;
	color:#fff;
	border-radius: 10px;
	border:1px solid #ccc;
}

.myCompetencySelfRatingDiv
{
	font-size:20px;
	line-height:45px;
}


.vertCentreImage
{
	vertical-align:middle	
}


#gradPackForm label
{
	font-size:14px;
	font-weight:normal;
	padding-left:5px;
}



#gradPackFrontNameBox
{
	background:#336699;
	height:130px;	
	padding:15px;
	font-family: Century Gothic, sans-serif;
	font-weight:lighter;
	letter-spacing:-1px;
	line-height:5em;	
}

.gradPackFrontName
{
	font-size:4.6em;
	padding:5px 5px 12px 0px;
	margin:5px 0px;
	color:#fff;
}

.gradPackFrontTitle
{
	font-size:2.6em;
	padding-top:135px;
	color:#f1f1f1;
}



/**
*	LinkedIn Profile CSS 
* -------------------------------------- */

/* default class on all profile parts */
.SULI-profile-part {				
	padding:5px 0 10px 16px;
}

/* tweaks for admin */
.adminProfileWrapper .SULI-profile-part {
	border-left:1px solid #d0d0d0;
}

/* tweaks for front end */
.pagePublicProfileWrapper .SULI-profile-part,
.widgetPublicProfileWrapper .SULI-profile-part {
	border:0;
}

/* over-ride the theme margins in most of the profile parts */
.SULI-location *,
.SULI-educations *,
.SULI-positions *,
.SULI-skills *,
.SULI-languages *,
.SULI-certifications *,
.SULI-courses *,
.SULI-volunteer *,
.SULI-honorsAwards *,
.SULI-patents *,
.SULI-publications * 
{
	margin:0 0 0 0;
}

/* sub-part heading font */
.SULI-profile-part h4 {
	font-size:110%;
}

/* skills tags */
.SULI-skills span {
	padding: 6px 8px;
	line-height:250% !important;
	background: #ddd;
	color:#333;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	white-space:nowrap;
}

/* anything datey */
.SULI-profile-part .date { color:#aaa; margin-bottom:4px; }

/* piccy */
.SULI-pictureUrl img {
	border:		1px solid #ccc;
	padding:	3px;
	margin:		0 16px 0 0;
}

/* frontend format for top section of profile (the pic and basic info) */
.pagePublicProfileWrapper .SULI-pictureUrl { 
	float: left; 
	padding-left:0; 
}
.pagePublicProfileWrapper .SULI-formattedName { font-size:15px; 	font-weight:700; 				margin:0 0 0 100px; 	padding:3px 0 0 0; }
.pagePublicProfileWrapper .SULI-headline { 		font-size:15px; 	font-style:italic; 				margin:0 0 2px 100px; 	padding:0; }
.pagePublicProfileWrapper .SULI-industry { 		font-size:11px; 	line-height:16px; color:#aaa; 	margin:0 0 0 100px; 	padding:0; }
.pagePublicProfileWrapper .SULI-location { 		font-size:11px; 	line-height:16px; color:#aaa; 	margin:0 0 0 100px; 	padding:0; }
.pagePublicProfileWrapper .SULI-emailAddress { 	font-size:11px; 	line-height:16px; 				margin:0 0 20px 100px; 	padding:0; }




/**
*	Open Badges CSS 
* -------------------------------------- */

.newBadges {
	max-width:700px;
	padding:40px 40px 0 40px;
	background:#f0f0f0;
	border:1px solid #d0d0d0;
	margin:0 0 40px 0;
}

.collectedBadges { max-width:700px; }

.badgeWrap { float:left; }
.badgeWrap img { width:100%; height:auto; }

.newBadges .badgeWrap { width:160px; margin:0 20px 0px 20px; }
.newBadges .badgeWrap .button-primary { width:160px; padding-left:0; padding-right:0; text-align:center;  }

.collectedBadges .badgeWrap{ width:130px; margin:0 30px 30px 0; }

.c { text-align:center; }
.clearL { clear:left; height:1px; }


#decommission-comms-banner {
    margin:8px 10px 32px 16px;
    padding:8px;
    background-color: #f7efa6;
    border:1px solid black;
}

#decommission-comms-banner .icon {
    width:20px;
    float:left;
    padding-top:24px;
}


#decommission-comms-banner .content {
    margin-left:20px;
}