/*========================================================*/
/*       Cascading Style Sheet for QMASTOR Limited        */
/*                   by Craig Moylan                      */
/*========================================================*/

/* HTML style */
html
{
	width: 100%;
	height: 100%;
}
/* Body style */
body 
{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #cccccc;
	font: normal 11px Verdana,Arial,Helvetica;
	color: #484848;
	line-height: 15px;
}

/* form style */
form 
{
	height: 100%;
	font: normal 11px Verdana,Arial,Helvetica;
	color: #484848;
	line-height: 15px;
}

/* Catch-all for <p> tags, browser differences */
p 
{
	margin-top: 0px;
	padding-top: 0px;
}

/* Control Panel style */
table.ControlPanel 
{
    width: 100%;
	background: #FFFFFF;
	border: #000000 1px solid;
	margin-left: auto; 
	margin-right: auto;
	text-align: center;
}

/* Establishes Page Properties */
.page
{
	width: 100%;
	text-align: center;
}

/* Catch-all to ensure text consistency */
table, tbody, tr, td, p, div 
{
	font: normal 11px Verdana,Arial,Helvetica;
	vertical-align: top;
	color: #484848;
	line-height: 15px;
}

/* No border for images */
img
{
	border: 0px;
}

/* Establishes width of site */
.Site 
{
	height: 100%;
	width: 979px;
	background: #FFFFFF;
	border: #000000 1px solid;
}

/* Establishes top and bottom space */
.ESpace
{
	height: 5px;
	background: transparent;
}

/* Header style */
.Header
{
	vertical-align: top;
}

/* Logo */
.Logo {
	vertical-align: top;
}

/* Navigation styles */
.Navigation
{
	vertical-align: top;
	width: 100%;
}

.NavTop
{
	background: #939283;
	height: 48px;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}

.NavTopLeft
{
	height: 48px;
	vertical-align: middle;
	text-align: left;
}

.NavTopRight
{
	height: 48px;
	vertical-align: middle;
	text-align: right;
	padding-right: 2px;
}
.NavBottom
{
	vertical-align: top;
	background: #06688C;
	height: 30px;
	width: 100%;
	padding-left: 10px;
	vertical-align: middle;
	text-align: left;
}

.HSpacer
{
	vertical-align: top;
	background: #ffffff;
	height: 1px;
	width: 100%;
}

.VSpacer
{
	vertical-align: top;
	background: #ffffff;
	height: 100%;
	width: 1px;
}

/* Sets main content area */
.ContentHeaderPane
{
	vertical-align: top;
	width: 100%;
}

/* Sets main content area */
.ContentMain
{
	vertical-align: top;
	background-color: #FFFFFF;
	background-image: url(maintop.jpg);
	background-repeat:repeat-x;
	width: 595px;
	padding-bottom: 17px;
}

.ContentMainW
{
	vertical-align: top;
	background-color: #FFFFFF;
	background-image: url(maintop.jpg);
	background-repeat:repeat-x;
	width: 100%;
	padding-bottom: 17px;
}

/* Left content */
.ContentSideLeft {
	vertical-align: top;
	text-align: left;
	width: 176px;
	background-color: #CBC9BF;
	background-image: url(sidetop.jpg);
	background-repeat:repeat-x;
}

/* Right content */
.ContentSideRight {
	vertical-align: top;
	text-align: left;
	width: 176px;
	background-color: #CBC9BF;
	background-image: url(sidetop.jpg);
	background-repeat:repeat-x;
}

/* Main Left Side */
.MainLeft {
	vertical-align: top;
	width: 14px;
	background-color: #FFFFFF;
	background-image: url(mainleft.jpg);
	background-repeat:repeat-y;
	text-align: left;
}

/* Main Right Side */
.MainRight {
	vertical-align: top;
	width: 14px;
	background-color: #FFFFFF;
	background-image: url(mainright.jpg);
	background-repeat:repeat-y;
	text-align: right;
}

/* Establishes width of footer */
.Footer {
	width: 100%;
	height: 25px;
	background: url(footerbg.jpg);
	vertical-align: middle;
	text-align: center;
	color: #FFFFFF;
	font-size: 7pt;
	font-weight: bold;
}

/* Header seperator */
.HeaderSep {
	font-size: 7pt;
	color: #FFFFFF;
}

.HeaderBSep {
	font-size: 8pt;
	color: #FFFFFF;
}

/* Admin seperator */
.AdminSep {
	font-size: 7pt;
	color: #000000;
}

/* Applies to the command links (the ones that look like form buttons) */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active, .Button  {
	color: #06688C;	
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
}

a.CommandButton:hover {
	color: #000000;	
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
}

/* Applies to links that DNN has applied the "Normal" class to */
a.Normal:link, a.Normal:visited, a.Normal:active {
	color: #6F7984;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

a.Normal:hover {
	color: #6F7984;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}

/* Header Link */
a.HeaderLink:link, a.HeaderLink:visited, a.HeaderLink:active {
	color: #ffffff;
	font-size: 9pt;
	text-decoration: none;
}

a.HeaderLink:hover {
	color: #ffffff;
	font-size: 9pt;
	text-decoration: underline;
}

a.HeaderSelected:link, a.HeaderSelected:visited, a.HeaderSelected:active {
	color: #ffffff;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}

a.HeaderSelected:hover {
	color: #ffffff;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}

/* Main Sub Navigation */
a.MSub:link, a.MSub:visited, a.MSub:active {
	color: #06688C;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

a.MSub:hover {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

/* Default link syle */
a:link, a:visited {
	color: #06688C;
	font-size: 11px;
	text-decoration: underline;
}

a:hover {
	color: #000000;
	font-size: 11px;
	text-decoration: underline;
}

/* FooterNav */
a.FooterNav:link, a.FooterNav:visited {
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 7pt;
	font-weight: bold;
}

a.FooterNav:hover {
	color: #FFFFFF;
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 7pt;
	font-weight: bold;
}

/* News */
a.News:link, a.News:visited {
	color: #06688C;
	text-decoration: none;
}

a.News:hover {
	color: #06688C;
	text-decoration: none;
}

/* Footer text */
.FooterText {
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: normal;
}

/* For form labels, among other things */
.SubHead {
	font-size: 11px;
	color: #484848;
	font-weight: bold;
}

/* Document Module Headers */
.TitleHeader{
	font-size: 11px;
	color: #484848;
	font-weight: bold;
	width: 200px;
	padding-right: 20px;
}

.OwnerHeader{
	font-size: 11px;
	color: #484848;
	font-weight: bold;
}

.CategoryHeader{
	font-size: 11px;
	color: #484848;
	font-weight: bold;
}

.ModifiedDateHeader{
	font-size: 11px;
	color: #484848;
	font-weight: bold;
}

.SizeHeader{
	font-size: 11px;
	color: #484848;
	font-weight: bold;
}

.DownloadLinkHeader{
	font-size: 11px;
	color: #484848;
	font-weight: bold;
}

.CreatedByHeader{
	font-size: 11px;
	color: #484848;
	font-weight: bold;
}

.CreatedDateHeader{
	font-size: 11px;
	color: #484848;
	font-weight: bold;
}

.ModifiedByHeader{
	font-size: 11px;
	color: #484848;
	font-weight: bold;
}

.DescriptionHeader{
	font-size: 11px;
	color: #484848;
	font-weight: bold;
}

/* Applies to the majority of text in the site */
.Normal {
	color: #484848;
	font: normal 11px Verdana,Arial,Helvetica;
	line-height: 15px;
}

/* Bold, but still relatively normal, text */
.NormalBold {
	color: #484848;
	font: bold 11px Verdana,Arial,Helvetica;
	line-height: 15px
}

/* Bold red text for alerts and such */
.NormalRed {
	color: #900;
	font: bold 11px Verdana,Arial,Helvetica;
	line-height: 15px
}

/* For the TDs that contain form fields */
td.NormalTextBox {
	padding: 3px;
	color: #000000;
	margin: 0;
	background: transparent;
	visibility: invisible;
}

/* For the form fields themselves */
.NormalTextBox {
	color: #000000;
	font-weight: normal;
	font-size: 11px;
}

/* Blue */
.QMastorBlue {
	color: #06688C;
}

/* Applies to newsheading */
.newsheading {
	color: #484848;
	font-weight: bold;
	font-size: 11px;
}

/* Applies to newsheading */
.newsheadinghome {
	color: #06688C;
	font-weight: normal;
	font-size: 11px;
}

/* Catch-all for form elements */
select, input {
	font-size: 11px;
	color: #000000;
}

/* Outer container for module submenu */
.ModuleTitle_MenuContainer {
	color: #2c2c2c;
}

/* Inner container for module submenu */
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height: 21px;
}

/* Idle state for module submenu items */
.ModuleTitle_MenuItem {
	color: #666;
	font-size: 11px; 
	font-weight: normal; 
	border: #f6f6f6 1px solid;
	padding: 1px 4px 1px 2px;
}

/* Inner, INNER(?) container for module submenu (?) */
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 2px 0px 0px 0px;
	background-color: #f6f6f6; 
	filter: none; 
	border: #999 1px solid;
	padding: 1px;
}

/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel {
	font-size: 11px; 
	font-weight: normal;
	cursor: hand; 
	color: #fff;
	background: #444;
	border: #444 1px solid;
	padding: 1px 4px 1px 2px;
}

/* Elements we don't need to see */
.ModuleTitle_MenuArrow,
.ModuleTitle_RootMenuArrow,
.ModuleTitle_MenuBreak,
.ModuleTitle_MenuIcon {
	display: none;
}

span.Head {
	font: bold 11px Verdana,Arial,Helvetica;
	color:#626260;
	font: Verdana,Arial,Helvetica;
}

/* button style */
.StandardButton
{
	color: #FFFFFF;
	background-color: #06688C;
	border-color: #CACABE;
	font-size: 9px;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: solid;
	text-transform: uppercase;
}

/* unordered list, list items */
ul li   
{
	list-style-image: url(li.gif);
}

/* hr style */
hr 
{
	color: #484848; 
	background-color: #FFFFFF; 
	border: 2px dotted #CACABE; 
	border-style: none none dotted; 
	height:1pt;
    text-align:left;
}

/* search box */
.QSearch
{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #CACABE;
	width: 128px;
	height: 18px;
}

/* greybox CSS */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 96%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 11px;
    padding: 3px 0;
    color: #06688C;
}

.GB_Window .caption {
    font-size: 11px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 11px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }