@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: inherit;
font-family: inherit;
vertical-align: baseline;
}
body{overflow-x:hidden;}
img{vertical-align:middle;}
/******* set defaults *********/

body{
background:#FFF;
font-size:100%;
font-family:"Helvetica,Tahoma Bold", sans-serif;
-webkit-text-size-adjust:none;
}

p { margin-bottom:15px; }
a {text-decoration: none; }
strong { font-weight:bold; }
em { font-style:italic }
acronym, abbr { border-bottom: 1px dashed #999 }
small { color:#000; font-size:1.2em; }
ol, ul { list-style:none; }
pre span {
 word-wrap: break-word;
 color: rgb(0, 128, 0);
 margin: 10px 0;
 font-size: 1.2em;
}

/******* Logon Page Override normal styles, and show specifics... *********/
body {background: url("mobileBlueBg.png") repeat-x scroll 0 0 #508fd3 !important}
#centerWrapper, #middleContainer, #pageContainer, #headerContainer, #header, #headerMiddleContainer, #logo, #logo a, #content,#content.mainLogon, #logonForm2,#nav
	{background: none; margin: 0; padding: 0; width: auto; height: auto; position: static; left: 0; top: 0; float: none}
.browserIncompatible {display: none !important}
#logonForm2 #email,#logonForm2  #password {max-width:40%; min-width:130px; font-size: 14px; margin-left: 15px}
#logonForm p, #logonForm2 p {display: block}
#nav {display: none}
#m-nav {display: block}
#m-nav li {width: 19%; margin: 0 3%; text-align: center; display: block; float: left; font-size: 12px}
#m-nav li a, #m-nav li a:link,#m-nav li a:visited {padding: 15px 0; display: block; color: #fff; text-decoration: none }
#m-nav li a:hover {background-color: rgba(0,0,0,0.3); text-decoration: underline;}
#pageContainer {clear: both}
#middleContainer {margin: 0 3%; width: 94%}
#slogin {margin: 10px 0 0 160px; display: block;  font-size: 14px; min-width: 80px; text-align: center}
.icon {margin-right: 15px}
#logonForm2 {padding: 15px; margin: 3px 3px 10px 3px; 
	-moz-box-shadow: 0 4px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.5); 	box-shadow: 0 4px 4px rgba(0,0,0,0.5); line-height: 1.2	}
#content #logonForm2 h1 {margin-bottom: 30px;}
#logonForm2 .icon {margin-left: -10px; height: 200px}
#logonForm2 label {text-align: left; width: 65px}
.centred960 {margin: 0; }
.logonFail {margin-bottom: 0;}

#logo {height: 45px; border-bottom: 2px solid #fff; background: transparent url(mobileGCDLogoT.png) no-repeat 15px 5px; overflow: hidden; text-indent: -9999px}


/******* custom pages... *********/
#mobContainer {margin: 0 3%; width: 94%; position: relative}
#header {height: 50px}
#logoff {position: absolute; right: 5px; top: 5px; padding: 3px 14px; border: 1px solid #ccc; background-color: rgba(0,0,0,0.2);
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
color: #fff; font-size: 11px
}
#logoff:hover {text-shadow: 0 1px 2px #000; background-color: #1E456F; text-decoration: underline}
#mContent {background: #fff; clear: both; margin-bottom: 15px; border: 2px solid #2A5787; line-height: 1.5;
			-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; 
			-moz-box-shadow: 0 4px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.5); 	box-shadow: 0 4px 4px rgba(0,0,0,0.5); 	
		}
		
		
#mHeader {
	background: #071825 url(mobileHeaderBg.png) repeat-x 0 0;
	border-bottom: 2px solid #2A5787; position: relative;
	-webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px;
	-moz-border-radius-topLeft: 7px; -moz-border-radius-topRight: 7px;
	padding: 9px; color: white; overflow: hidden;
	}

#mInnerContent {padding: 9px; min-height: 200px; overflow: hidden}
#mContent a:link, #mContent a:visited, #mContent a {font-weight: normal; color: #2A5787;}
#mContent a:hover {text-decoration: underline}
#mContent h1 {font-size: 15px; font-weight: normal; margin-bottom: 10px}
#mHeader h1 {margin: 0; line-height: 31px}

/******* listings containment, non-expanding... *********/
.mViewList li {display: table; width: 100%; position: relative; clear: both; background: url(mobileNavRight.png) no-repeat right center;}
.mEntry {
			border-top: 1px solid #ccc;
			position: relative;	
}
ul li:first-child .mEntry {border: none}
.mEntry:nth-child(even) { 
	background-color: #eee;
}
.mViewList li:hover {background-color: #ddd}
.mEntry a {
			display:table-cell;
			padding:10px;
			vertical-align:middle;
			display: block;
			padding-right: 20px;
}
#appList a {padding-right: 77px}
.mEntry .mTally {
			display: table-cell;
			vertical-align: middle;
			width:10%;
			padding-right: 30px;
}
.mEntry .mTallyInner {
			background:none repeat scroll 0 0 #999;
			padding:5px 10px;
			-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius:8px;
			color: white;
	}
	
/******* entity listing *********/
.mrepository, .mcompany, .mtrust, .mnaturalperson {padding-left: 32px; background: url(mobileNaturalIcon.png) no-repeat left center}
.mrepository {background-image: url(mobileCompanyIcon.png)}
.mcompany {background-image: url(mobileCompanyIcon.png)}
.mtrust {background-image: url(mobileCompanyIcon.png)}
.mnaturalperson {background-image: url(mobileNaturalIcon.png)}

/******* active crumb *********/
.mobileCrumbHolder {display: table; width: 100%; height: 60px}
.mobileCrumb {display: table-cell; vertical-align: middle; height: 60px}

.mobileCrumb li {font-size: 12px; padding: 10px 10px; display: table-cell;  overflow: hidden;
margin-bottom: -5px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;color: #fff;
vertical-align: middle;
background-color: #1B4068;
background-color:rgba(128, 128, 128, 0.2); overflow: visible;
background: url(mobileUICrumbR.png) no-repeat center left;
background: url(mobileUICrumbR.png) no-repeat center left,
            url(mobileUICrumbL.png) no-repeat center right;
}
.mobileCrumb li:first-child {border-left: 1px solid #ccc;
								-moz-border-radius-topLeft: 4px; -webkit-border-top-left-radius: 4px;
								-moz-border-radius-bottomLeft: 4px; -webkit-border-bottom-left-radius: 4px;
								background: rgba(128,128,128,0.2) url(mobileUICrumbLH.png) no-repeat center right;
								padding-left: 5px;
								width: 28px; max-width: 32px; overflow: hidden; text-indent: -999px;
								}
.mobileCrumb li:hover {
	background-color: #0B2948;
	text-shadow: 1px 1px 2px #000}

.mobileCrumb li a {  color: #fff!important; padding: 2px 5px; display: block;  vertical-align: middle}

.mobileCrumb li:last-child {background: rgba(128,128,128,0.8) url(mobileUICrumbR.png) no-repeat center left;
			border-right: 1px solid #ccc;
								-moz-border-radius-topRight: 4px; -webkit-border-top-right-radius: 4px;
								-moz-border-radius-bottomRight: 4px; -webkit-border-bottom-right-radius: 4px;
								padding-left: 15px;
			}
.mobileCrumb li.notLast {background: rgba(128,128,128,0.2) url(mobileUICrumbR.png) no-repeat center left;
			border-right: 1px solid #ccc;
								-moz-border-radius-topRight: 4px; -webkit-border-top-right-radius: 4px;
								-moz-border-radius-bottomRight: 4px; -webkit-border-bottom-right-radius: 4px;
								padding-left: 15px;}
.mobileCrumb li:last-child:hover {text-shadow: none;}

/******* footer. *********/
#footer {border-top: 2px solid #fff; padding-top: 15px; color: white}
#footer a, #footer a:link, #footer a:visited {color: #0B2847}
#footer a:hover {text-decoration: underline}
/*Taxonomy expand/collapse */
#p7swapmenu { margin: 5px 2px 1em 5px; padding-bottom: 1em; display: none}


#ECL {border-bottom: 1px solid #ccc}
#ECL ul {display: block; height: auto; margin: 0; font-size: 14px}
#ECL ul ul {font-size: 13px;}
#ECL ul ul ul {font-size: 12px}
#ECL li.closed > .catEntry {background: url(mobileUIStackPlus.png) no-repeat left center}
#ECL li.open > .catEntry {background: url(mobileUIStackMinus.png) no-repeat left center}
#ECL li .entry {background: url(mobileUIStackPage.png) no-repeat left center}
#ECL li.closed ul {display: none; }
#ECL li {padding: 0px 0px px 0px; margin: 0; border-top: 1px solid #ccc; position: relative}
#ECL li li span {margin-left: 15px;}
#ECL li li li span {margin-left:30px;}
#ECL li li li li span {margin-left:45px;}
#ECL li li li li li span {margin-left:55px;}


#ECL .entry, #ECL .catEntry {padding: 10px 97px 10px 30px!important; display: block;  }
#ECL .catEntry {cursor: pointer; font-weight: bold}
#ECL li .entry:hover, #ECL li .catEntry:hover    {background-color: #ddd; }
#ECL a {display: block; width: 60px; min-height: 32px; position: absolute; right: 0px; top: 0px; background: url(mobileUIStackGo.png) no-repeat 30px 5px;}
#ECL em, .mViewList em {display: block; padding: 5px 5px; background: #777; color: white; font-weight: bold; font-style: normal; text-align: center; min-width: 35px; position: absolute; right: 50px; top: 5px;
-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;  font-size: 15px!important}
}
#ECL.hideCounts em, #mInnerContent.hideCounts {visibility: hidden}
#appList em {padding: 3px 4px; font-size: 15px; right: 30px; top: 10px; }
#entityDetails {position: absolute; top: 15px; right: 10px; 
padding: 3px 14px; border: 1px solid #ccc; background-color: rgba(0,0,0,0.2);
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
color: #fff; font-size: 11px
}
#entityDetails a {color: white !important}
#entityDetails:hover {text-shadow: 0 1px 2px #000; background-color: #1E456F; text-decoration: underline}
/* -------------------------------------------- */
.txt {background: url(icons.gif)  -20px 50% }
.htm, .html {background: url(icons.gif)  -40px 50% }
.xls, .xlw, .xlt, xlsx {background: url(icons.gif)  -60px 50% }
.doc, .dot, .docx {background: url(icons.gif)  -80px 50% }
.pdf {background: url(icons.gif) -100px 50% }
.xml {background: url(icons.gif) -120px 50% }
.msi {background: url(icons.gif) -140px 50% }
.chm {background: url(icons.gif) -160px 50% }
.psd {background: url(icons.gif) -180px 50% }
.jpg, .jpe, .jp2, .jpeg {background: url(icons.gif) -200px 50% }
.gif, .tif, .eps, .wmf {background: url(icons.gif) -220px 50% }
.pub, .pubx {background: url(icons.gif) -240px 50% }
.zip, .rar, .tar, .gz {background: url(icons.gif) -260px 50% }
.wma, .mpg, .mpeg, .divx, .avi {background: url(icons.gif) -280px 50% }
.mov {background: url(icons.gif) -300px 50% }
.wav, .mp3, .mp4 {background: url(icons.gif) -320px 50% }
.ppt, .pptx {background: url(icons.gif) -340px 50% }
.unk {background: url(icons.gif) -360px 50% }
.exe, .com, .pif, .scr, .vbs {background: url(icons.gif) -380px 50%}


#fileList .mViewList li {background: none}
#fileList .mEntry {position: relative}
.label {float: left; width: 27%;  padding-right: 2%;  clear: both; display: block; margin: 5px 0; font-weight: bold; font-size: 13px}
.result {float: left; width: 71%; display: block; margin: 5px 0}
#fileList {margin-top: 15px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; clear: both; overflow: hidden}
.mFileBlock {position: absolute; top: 10px; right: 5px; width: 100px; text-align: right;  font-size: 12px; line-height: 1.3}
.note {font-size: 14px; max-height: 100px; margin-top: 15px; padding-top: 15px; border-top: 1px dotted #ccc; padding-bottom: 15px;}
#mContent h2 {margin-bottom: 5px; font-weight: bold; font-size: 14px}

#fileList a {padding-right: 70px}
#fileList a:hover {text-decoration: none}
#fileList a:hover span {text-decoration: underline}
#fileList  .icon {-moz-box-shadow:2px 2px 4px #eee;-webkit-box-shadow:2px 2px 3px #DDDDDD;box-shadow:2px 2px 3px #DDDDDD;}
#fileList .icon {font-face: verdana; width: 32px; height: 41px; border: 1px solid #ccc; float: left; margin-bottom: 7px;
	 -moz-border-radius: 3px;
	 -webkit-border-radius: 3px;
	 -border-radius: 3px;
	 background-image: -moz-linear-gradient(center top , #fff, #eee);
	background-image: -webkit-gradient(linear, left top, left bottom,
                    color-stop(0.4, #fff),
                    color-stop(1, #eee));
	 }
.iconHead {font-family: candara, arial, helvetica, sans-serif; background: #000; text-align: center; font-size: 11px; text-transform: uppercase; width: 100%; color: #fff; border-bottom: 1px solid #ccc;
	text-decoration: none!important;
	background-image: -moz-linear-gradient(center top , #555, #000000);
	background-image: -webkit-gradient(linear, left top, left bottom,
                    color-stop(0, #666),
                    color-stop(1, #000));
}

.iconBody {position: absolute; top: 28px; left: 18px; width: 16px; height: 16px;}

#navBar {position: relative; height: 28px; padding-top: 7px;  border-bottom: 2px solid #2A5787;
width: 100%; overflow: hidden;
background-image: -moz-linear-gradient(center top , #182630, #071A29);
background-image: -webkit-gradient(linear, left top, left bottom,
                    color-stop(0, #182630),
                    color-stop(1, #071A29));
}
.navButton {padding: 3px 14px; margin: 0px 5px; display: inline;
border: 1px solid #ccc; background-color: #444; background-color: rgba(0,0,0,0.2);
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
color: #fff; font-size: 11px; float: left;

}
.navButton a {color: white !important}
.navButton:hover {text-shadow: 0 1px 2px #000; background-color: #1E456F; text-decoration: underline}

.entityPopupHead {font-weight: bold; padding-top: 10px}

#mContent .catCrumb a {color: #fff; padding: 4px 9px; background: rgba(128,128,128,0.2);
-moz-border-radius: 3px; border-radius: 3px;
-webkit-border-radius: 3px}

#mContent .catCrumb a:hover {background: rgba(128,128,128,0.6);}