html, body 
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 90%;
}

body 
{
	/*background-color: #33435e;*/ /* #666; */
	background: #435470 url(../_images/img-background.png) top left no-repeat;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

body, th, td 
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 100%;
	color: #333;
}

legend 
{
	font-weight: bold;
	font-size: 100%;
	color: #333;
}

legend span.legendButton
{
	font-weight: normal;
	font-size: 95%;
}

fieldset 
{
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #c2c7cf;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

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

a,
a:visited
{
	color: #2c3a51; /*#33435e;*/
}

a:hover,
a:active
{
	color: #f0b535;
	outline: none;
}

a:focus,
ul.tabs a
{
	outline: none;
}

.textBox
{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #fff;
	border: none;
	padding: 4px;
	margin-top: 2px 0px 2px 0px;
	font-size: 102%;
	color: #444;
}

.button,
.saveButton,
.cancelButton,
.deleteButton
{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 2px;
	font-size: 105%;
	color: #fff;
	font-weight: bold;
}

.button,
.saveButton,
.cancelButton
{
	background: #287a7a;
	border: 2px #1a4f4f solid;
}

.saveButton,
.cancelButton,
.deleteButton
{
	width: 100px;
}

.button:hover,
.saveButton:hover,
.cancelButton:hover
{
	background: #339d9d;
}

.cancelButton
{
	background: #568787;
	border: 2px #386e6e solid;
}

.deleteButton
{
	background: #7a2828;
	border: 2px #1a4f4f solid;
}

.deleteButton:hover
{
	background: #a53636;
}

.dropDownList
{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #fff;
	border: none;
	padding: 3px;
	margin: 2px 0px 2px 0px;
	font-size: 102	%;
	color: #444;
}

#main
{
    width: 90%; /*940px;*/
	margin: 0px auto;
	padding: 0px;
	/*background-color: #fefefe;*/
	/*background-image: url(../_images/img-shader_white.png);*/
	text-align: left;
}

#header
{
    width: 100%; /*940px;*/
	margin: 0px;
	padding: 0px;
	/*background-color: #ddd;*/
	text-align: left;
}

/* Header Styles ***************************************/

#header 
{
	position: relative;
}

#header .pageHeader
{
    width: 100%; /*940px;*/
	height: 87px;
	background: url(../_images/img-header.png) no-repeat;
}

#header .pageHeader h1
{
	margin: 0px;
	padding: 0px;
}

#header .pageHeader h1 a
{
	position: absolute;
	top: 0px;
	left: 0px;
	text-indent: -5000px;
	overflow: hidden;
	width: 480px;
	height: 87px;
}
        
#header ul.mainNavigation
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#header ul.mainNavigation li.active
{
	height: 51px;
	background: url(../_images/img-navbackdrop_active.png) center bottom no-repeat;
}
        
#header .mainNavigation li a
{
	color: #33435e;
	text-decoration: none;
	font-weight: bold;
}
        
#header .mainNavigation li.active a
{
	color: #33435e;
	text-decoration: none;
	font-weight: bold;
}
        
#header .mainNavigation li a:hover,
#header .mainNavigation li.active a:hover
{
	color: #fff;
	text-decoration: underline;
}
        
#header .mainNavigation li:hover
{
	height: 51px;
	background: url(../_images/img-navbackdrop_active.png) center bottom no-repeat;
}
        
#header .mainNavigation li
{
    float: left;
	height: 51px;
    margin: 0px;
    padding: 0px;
    margin: 0px 20px 0px 20px;
    font-size: 1.25em;
}
        
#header ul.mainNavigation
{
    /*width: 100%;*/ /*940px;*/
	height: 51px;
	line-height: 43px;
    /*background: url(../_images/img-navbackdrop.png) top left repeat-x;*/
    background: url(../_images/img-navbackdrop-pixel.png) top left repeat-x;
}

#header div.leftCorner 
{
    width: 10px;
	height: 51px;
	line-height: 43px;
    background: url(../_images/img-navbackdrop.png) top left no-repeat;
    float: left;
}

#header div.rightCorner 
{
    width: 10px;
	height: 51px;
	line-height: 43px;
    background: url(../_images/img-navbackdrop.png) top right no-repeat;
    float: right;
}

#header div.centerNavigation
{
    float: left;
}

div.navHeaderWrapper 
{
    background: url(../_images/img-navbackdrop-pixel.png) top left repeat-x
}

#subNavigation
{
    clear: both;
    width: 100%; /*940px;*/
	height: 28px;
    background: url(../_images/img-subnavbackdrop.png) repeat-x;
}
        
#header .subNavigation
{
    clear: both;
}

#header ul.subNavigation
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#header .subNavigation li a
{
	color: #33435e;
	text-decoration: none;
	font-weight: bold;
}

#header .subNavigation li a:hover,
#header .subNavigation li.active a:hover
{
	color: #fff;
	text-decoration: underline;
}

#header .subNavigation li.active a
{
	color: #33435e;
	text-decoration: underline;
	font-weight: bold;
}

#header .subNavigation li
{
    float: left;
    margin: 0px;
    padding: 0px;
    margin-right: 20px;
    padding-bottom: 5px;
    font-size: 14px;
}

ul.accounts
{
	border: 1px solid #f00;
	margin-left: 50px;
}

#logOutControl 
{
	position: absolute;
	top: 52px;
	right: 15px;
	font-size: 85%;
	color: #fff;
	font-weight: bold;
}

#logOutControl a,
#logOutControl a:visited,
#logOutControl a:active,
#logOutControl a:hover
{
	color: #fff;
	font-weight: bold;
}


/* Content Styles */

#content 
{
	background-color: #e6e8eb;
}

#InnerPageContent
{
	padding: 20px;
	margin: 0px;
}

h2.subHeader
{
	padding: 0px;
	margin: 0px 0px 20px 0px;
	color: #33435e;
	border-bottom: solid 2px #c2c7cf;
	width: 100%; /* To fix annoying IE6 rendering bug */
}

.filterBar 
{
	padding: 0px;
	margin-bottom: 10px;
}

.contentBody 
{
	clear: both;
}

td.formLabel,
h3.formLabel
{
	font-weight: bold;
	font-size: 90%;
	padding: 0px;
	margin: 8px 0px 1px 0px;
	text-align: left;
	color: #555;
}

table.gridForm
{
	border-collapse: collapse;
}

/*table.gridForm td.formLabel 
{
	text-align: right;
	font-weight: bold;
}*/

table td.expiringData 
{
	color: #a00;
}

table td.expiringData a
{
	color: #a00;
}

table td.expiredData,
table td.expiredData a
{
	color: #bbb;
}

table td.expiringData,
table td.expiringData a
{
	color: #999;
}

.gridForm td 
{
	padding-right: 8px;
	padding-bottom: 8px;
}

table.gridView
{
	background: #fff;
	width: 100%;
	border-collapse: collapse;
	border: none;
	/*border: 1px solid #ececec;*/
}

.gridView th,
.gridView thead
{
	background-color: #d9dbde; /*#33435e;*/ /* #f0f0f0 */
	color: #33435e;
	font-weight: bold;
	padding: 8px;
}

.gridView th a,
.gridView thead a
{
	color: #33435e;
}

.gridView td 
{
	padding: 8px;
}

.gridView tr.evenRow 
{
	background-color: #fafafa;
}

.gridView tr.oddRow 
{
	background-color: #fff;
}



/* Footer Styles */

#footer 
{
	clear: both;
	text-align: center;
	padding: 125px 0px 50px 0px;
	font-size: 85%;
	color: #999;
}

/* jquery modal plugin styles */

.dialog 
{
display: none;
position: fixed;
top: 17%;
left: 50%;
margin-left: -300px;
width: 600px;
background-color: #eee;
color: #333;
border: 2px solid #666;
padding: 12px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.dialog h2
{
	margin-top: 0;
	padding-top: 0;
}

.jqmOverlay { background-color: #000; filter: alpha(opacity = 50);}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm 
{
position:absolute;top:0px;left:0px;z-index:-1;
width: expression(this.parentNode.offsetWidth+'px');
height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
 Star selector used to hide definition from browsers other than IE6
 For valid CSS, use a conditional include instead */
* html .jqmWindow,
* html .dialog
{
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/* OTHER STYLES TO FIX/INCORPORATE *************************************/


						ul.assetList {
							list-style-type: none;
							margin: 10px 0px 0px 0px;
							padding: 0px;
						}
						
						.assetList li 
						{
							display: block;
							position: relative;
							float: left;
							width: 150px;
							height: 100px;
							/*padding: 15px 27px 5px 0px;*/
							margin: 0px 10px 20px 10px;
							padding: 0px;
							text-align: left;
							/*border: 1px solid #000;*/
						}
						
						.assetList li img 
						{
							border: 5px solid #ccc;
							margin: 0px;
							padding: 0px;
						}
						
						.assetList li img.SelectedAsset
						{
							border: 5px solid #fedd42;
						}
						
						.SelectedAsset
						{
							background-color: #eee;
						}
						
						.popupmenu {
							display: none;
							position: absolute;
							top: 110px;
							/*bottom: 0px;*/
							left: -40px;
							width: 300px;
							/*height: 80px;*/
							border: 1px solid #999;
							background-color: #eee;
							margin: 10px;
							padding: 5px;
							z-index: 100;
							text-align: left;
						}
						
						.tags {
							text-indent: -3.4em;
							margin-left: 3.4em;
						}
						
						
						

.clear,
.clearBoth
{
	clear: both;
}

.clearLeft
{
	clear: left;
}

.clearRight
{
	clear: right;
}


/* Pager Control */
.pagination
{
    clear: both;
    padding: 25px 0px 0px 0px;
    font-size: 10px;
}

.pagination a
{
	display: block;
    padding: 4px 8px;
    border: 1px solid #ccc;
    text-decoration: none;
}

.pagination a:hover
{
    background-color: #ccc;
}

.pagination div.nextPage
{
	height: 2em;
    padding: 5px 8px 0px 0px;
    margin: 0px;
    float: right;
    z-index: 2;
    position: relative;
}

.pagination div.previousPage
{
	height: 2em;
    padding: 5px 8px 0px 0px;
    margin: 0px;
    float: left;
}

.pageList
{
    position: relative;
    z-index: 1;
    left: 50%;
    float: left;
    display: block;
    /*padding-left: 50px;*/
}

.pageList li.currentPage span,
.pageList li.previousPage span,
.pageList li.nextPage span
{
	display: block;
    padding: 4px 8px;
    color: #999;
}

.pageList li.currentPage span
{
    border: 1px solid #ccc;
    background-color: #e3e3e3;
    font-weight: bold;
}

.pageList ul {
    list-style-type: none;
    margin: 0px;
    position: relative;
    left: -50%;
    float: left;
    height: 2.5em;
    display: block;
}

.pageList li 
{
    display: block;
	height: 2.5em;
    padding: 5px 8px 0px 0px;
    margin: 0px;
    float: left;
}

.pagination .inactive
{
	display: block;
	height: 2em;
    padding: 5px 8px 0px 0px;
    margin: 0px;
    
    /*padding: 0px 8px;
    background-color: none;*/
    font-weight: normal;
    color: #ccc;
}

.ui-tooltip-asset
{
	min-width: 400px;
	max-width: 400px;
}


font[size="30px"] { font-size: 12px; }
font[size="20px"] { font-size: 8px; }
font[size="40px"] { font-size: 16px; }
font[size="50px"] { font-size: 20px; }
font[size="60px"] { font-size: 24px; }