/* FONTS */

@font-face {
  #font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/_fonts/opensans300.woff) format('woff');
}
@font-face {
  #font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(/_fonts/opensans400.woff) format('woff');
}

/* GLOBAL */

html{
	height:100%;
}
html.dialog{
	height:auto;
}
body {
	font-family:Ubuntu, Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:#666666;
	height:100%;
	margin:0px;
	background-color:#f9f9f9;
}

p
{
	margin-top:0px;
}

/* Standard Elements */

body.mobile
{
	background-color:#ffffff;
}

body.dialog
{
	background-image:none;
	background-color:#f9f9f9;
}
body#tinymce
{
	background-color:#fff;
	text-align:left;
}
form 
{
	margin:0px;
}

table
{
	width:100%;
	border-spacing:0px;
}
td 
{
	vertical-align:top;
}
	
fieldset
{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
}

fieldset div
{
	padding:10px 10px 18px 10px;
	margin-bottom:0px;
}

.activity_session_state_item
{
	background-image:none;
	padding:0px 4px 6px 3px;
	margin-bottom:0px;
}



img
{
border:none;
}

.checkbox-indent
{
	text-indent:-19px;
	margin-left:19px;	
}
.hideMe, .hide
{
	display:none;
}
/* CONTAINERS */

#mastheadContainer 
{
	text-align:left;
	margin-bottom:0px;
	padding:10px 50px;
	background-color:#ddd;
	border-bottom:1px solid #515151;
}

#mastheadContainer-preview
{
	text-align:left;
	margin-bottom:10px;
	padding:10px;
}

.mobile #mastheadContainer
{
	border-bottom:2px solid #000;
	margin-bottom:15px;
	padding:10px 20px;
}

#menubarContainer, #menubarPreview
{
	min-width:800px;
	font-family:'Exo 2';
	text-transform:uppercase;
	border-bottom:4px solid #a8a8a8; 
	background-color:#444;
	margin-bottom:10px;
	text-align:left;
	white-space:nowrap;
	padding:0px 50px 0px 50px;
	height:34px;
	box-shadow: inset 0px 23px 23px -20px #000;
	
}

#menubarPreview
{
	border-bottom:none;
}

#menubarContainer a, #menubarPreview a
{
	color:#bababa;
	text-decoration:none;
	padding:9px 22px;
	border-left: 1px solid #333;
	
}
#menubarPreview a.customButton
{
	padding-right:8px;
}
#menubarPreview .customMenuButtonIcon
{
	vertical-align:middle;
	margin-right:22px;
	cursor:pointer;
	width:12px;
	height:12px;
	
}

#menubarContainer a:hover
{
	color:#eee;
	text-decoration:none;
}

#menubarContainer #mm_home
{
	/*border-left:1px solid #222222;*/
}

#menubarContainer #lastitem
{
	float:none;
	/*width:100%; */
}

#menubarContainer > div:last-child a, #menubarPreview > div:last-child a{
	border-right: 1px solid #333;
}

.menubarButton
{
	float:left;
	/*border-right:1px solid #222222; */
	/*border-left:1px solid #444; */
	/*background-color:#1e1f22;*/
	/*background-image:url(/_images/grid/2/header.png);*/
	margin:0px;
}

.menubarButton div.menubarButton-inner
{
	text-align:center; 
	margin-left:0px;
	margin-right:0px;
	background-color:#444;
	box-shadow: inset 0px 23px 23px -20px #000;
	transition:all;
	transition-duration:0.2s;
	padding:9px 0px;
}	

#menubarContainer .menubarButton div:hover{
	background-color:#555;	
	box-shadow: inset 0px 23px 23px -20px #000;
}

.menubarButton .lastitem div:hover{
	background-color:#fff;	
}

#fullContainer
{
	min-height: 100%;
	margin: 0px auto -180px;
	height: auto !important;
	height: 100%;
	position:relative;
}

#footerPush{
	height:180px;
}
#footerContainer
{
    padding:0px 50px;
	margin-top:0px; 
	margin-bottom:0px;
	background-color:#555;
	height:180px;
	color:#eee;
	box-shadow:inset 0px 50px 135px -20px #272727;
	position:relative;
}

.mobile #footerContainer
{
	text-align:center;
	color:#b8b8b8;
	background-color:#fff;
	box-shadow: inset 0px 77px 128px -100px #272727;
}

#footerContainer span, #footerContainer div {
	color:#8e8e8e;
}
#footerContainer a {
	color:#dfdfdf;
}

.mobile #footerContainer a
{
	color:#676767;
}

#pgContainer 
{
	text-align:left;
	padding:0px;
	clear:both;
}

.pgContainer-inner
{
	padding:0px 50px;
	margin-bottom:40px;	
}

.mobile #pgContainer
{
	margin:0px 20px 40px 20px;	
	
}

#forumLinkContainer
{
	margin-left:20px;
	margin-bottom:10px;
	text-align:left;
	color:#999999;
}

#forumLinkContainer .forumLink
{
}


/* STANDARD BOX */

div.scrollable
{
	padding:4px;
}

fieldset.stdBox, div.stdBox
{
	border:none;
	background-color:none;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}

div.stdBox
{
	padding:10px;
}

fieldset.stdBox legend
{
	border:0px;
	border-bottom:2px solid #A7C9F0;
	width:100%;
	padding:0px;
	margin:0px;
	padding-bottom:2px;
}

/* INFOBOX */

.infoBox div.label
{
	font-weight:bold;
	margin-bottom:6px;
}

/* ADD BOX */

.newBox-container
{
	margin:0px 50px;
}

.newBox
{
	float:right; 
	background-color:#264e7c;
	padding:8px 12px 6px 8px;
	border-radius:3px;
	box-shadow:0px 0px 7px -2px #000;
	margin-left:10px;
	cursor:pointer;
}
.newBox img.newBox-icon
{
	position:relative;
	vertical-align:middle;
	margin-right:6px;
}
.newBox img.newBox-icon-hasOverlay
{
	position:absolute;
}
.newBox a
{
	color:#eee;
	font-family:'Exo 2';
}

/* FIELDSET */

.pgContainer-inner fieldset.pageInstructions, .pgContainer-inner fieldset.pageSearch
{
	margin:0px;
}

fieldset.pageInstructions, fieldset.pageSearch
{
	margin:0px 50px 10px 50px;
}

fieldset.pageInstructions legend, fieldset.pageSearch legend
{
	font-size:1.5em;
	text-transform:none;
	border-bottom:1px solid #9AB8C9;
	font-weight:200;
}

fieldset.pageInstructions div, fieldset.pageSearch div
{
}

/* search button */
fieldset.pageSearch .btnSearch
{
	background-color: #264e7c;
	padding: 6px 8px 6px 8px;
	border-radius: 3px;
	box-shadow: 0px 0px 7px -2px #000;
	margin-right: 10px;
	cursor: pointer;
	border:none;
	font-family: 'Exo 2';
	color: #ddd;
}

fieldset.stdBox legend img
{
	margin-right:4px;
	vertical-align:middle;
}

fieldset.mastheadPreview 
{
	padding:0px; 
	border:none; 
	border-top:1px dotted #cccccc;
}


/* TABLE */

table tr.errorRow td
{
	border:2px dotted #990000;
	padding:8px;
	color:#990000;
	background-color:#FFF0F0;
}

.searchCalendarColumn
{
	width:40%;
}

/* TOOLTIP */

.tooltip
{
	position:absolute; 
	padding:8px; 
	border:1px solid; 
	background-color:#fff; 
	width:150px; 
}

.tooltip ul
{
	margin:0px;
}

.tooltip ul li
{
	margin-left:-15px;	
	margin-bottom:4px;
}

.sysAnnouncementContainer
{
	margin: 40px 50px 0px;
	clear: both;
}

body.mobile .sysAnnouncementContainer
{
	margin: 0px;
	clear: both;
}