body {
	margin-left				: 0px;
	margin-top				: 0px;
	margin-right			: 0px;
	margin-bottom			: 0px;
	background-image		: url('../media/images/static/design/back.jpg');
	background-repeat		: repeat-x;
	background-color		: #2a6ae2;
}

body, p, td {
	font-family				: Arial, Verdana, Helvetica;
	font-size				: 12px;
	color					: #000;
}

.back {
	background-image		: url('../media/images/static/design/cloudsback.jpg');
	background-repeat		: repeat-x;
	background-position		: center top;
}

h1 {
	font-size				: 24px;	
	text-transform			: uppercase;
	color					: #fff;
	font-weight				: bold;
	text-align				: right;
	padding-right			: 10px;
}

h2 {
	color					: #012865;
	font-size				: 14px;	
}

h3 {
	margin-top				: 2px;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-weight				: bold;
	padding-bottom			: 3px;
	border-bottom			: 2px solid #e0e0e0;
	font-size				: 15px;
	color					: #7c7b7b;
}

h4, h6 {
	font-size				: 16px;	
	color					: #012865;
}

h5 {
	margin-bottom			: 0px;
	font-size				: 12px;
	color					: #012865;

}

.body {
	vertical-align			: top;
	padding					: 0px 5px 5px 5px;
}

.main {
	padding					: 50px 0px 20px 0px;
	width					: 100%;
	height					: 780px;
	background-image		: url('../media/images/static/design/elementsback.gif');
	background-repeat		: no-repeat;
	background-position		: center top;		
}

div.submenu {
	width					: 160px;
	float					: left;
	padding-right			: 5px;
}

div.body {
	margin-left				: 0px;
}

div.topborder {
	width					: 822px;
}

div > div.topborder {
	background-image		: url('../media/images/static/design/bg_topborder.png');
}

div.divbottomborder {
	width					: 822px;
	height					: 28px;
	margin-bottom			: 20px;
	text-align				: left;
	font-size				: 10px;
	color					: #012865;
	font-weight				: bold;
	padding-left			: 20px;
	padding-top				: 5px;
}

div > div.divbottomborder {
	background-image		: url('../media/images/static/design/bg_bottomborder.png');
	width					: 802px;
}

.divbottomborder table tr td, .divbottomborder table tr td a {
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 9px;
	color					: #012865;
	font-weight				: bold;
}

div > table.maintable {
	background-image		: url('../media/images/static/design/bg_borders.png');
}

.leftheader {
	background-image		: url('../media/images/static/design/bg_topbar.gif');
}

.whiteright {
	background-image		: url('../media/images/static/design/bg_topbar.gif');
	background-position		: top right;
}

.topborder {
	height					: 20px;
}

tr > td.topborder {
	background-image		: url('../media/images/static/design/bg_topborder.png');
}

.bottomborder a, a:active, a:visited {
	font-family				: Arial, Verdana, Helvetica;
	font-size				: 10px;
	color					: #ff9933;
	text-decoration			: underline;
}

.bottomborder a:hover {
	font-family				: Arial, Verdana, Helvetica;
	font-size				: 10px;
	color					: #000;
	text-decoration			: underline;
}

tr > td.bottomborder {
	background-image		: url('../media/images/static/design/bg_bottomborder.png');
}

td.borders {
	width					: 18px;
}

.whiteleft {
	height					: 10px;
	width					: 10px;
	background-image		: url('../media/images/static/design/bg_topbar.gif');
}

.whiteright {
	height					: 10px;
	background-image		: url('../media/images/static/design/bg_topbar.gif');
	width					: 10px;
}

.whitebottomleft {
	height					: 10px;
	background-image		: url('../media/images/static/design/bg_topbar.gif');
	background-position		: left bottom;
}

.whitebottomright {
	height					: 10px;
	background-image		: url('../media/images/static/design/bg_topbar.gif');
	background-position		: right bottom;
}

.blueleft {
	background-image		: url('../media/images/static/design/bg_menubar.gif');
	width					: 10px;
}

.blueright {
	background-image		: url('../media/images/static/design/bg_menubar.gif');
	width					: 10px;
	background-position		: top right;
}

.header {
	background-color		: #ffffff;
	height					: 100px;
}

.mainhead {
	font-family				: Arial black, Arial, Helvetica, sans-serif;
	font-size				: 20px;
	color					: #7c7b7b;
	font-weight				: normal;
	background-color		: #ffffff;
}

.mainhead1 {
	font-family				: Arial black, Arial, Helvetica, sans-serif;
	font-size				: 20px;
	color					: #012f78;
	font-weight				: normal;
}

.mainhead2 {
	font-family				: Arial black, Arial, Helvetica, sans-serif;
	font-size				: 20px;
	color					: #f57c00;
	font-weight				: normal;
}

.menu {
	background-color		: #012865;
	height					: 20px;
}

.imageswitch {
	background-color		: #2a6be1;
	height					: 100px;
	vertical-align			: top;
}

.darkblue {
	background-color		: #012865;
	height					: 2px;
}

.tableheader {
	background-color		: #012865;
	color					: #fff;
	height					: 10px;
	padding					: 5px 5px 5px 5px;
}

.iterator1 {
	background-color		: #9bbef6;
	padding					: 3px 5px 3px 5px;
}

.iterator1 td {
	color					: #012865;
}

.iterator2 {
	background-color		: #ffffff;
	padding					: 3px 5px 3px 5px;
}

.border-right {
	border-style			: solid;
	border-width			: 0px 1px 0px 0px;
	border-color			: #000;
	background-color		: #d0e880;
	padding-left			: 5px;
	padding-right			: 5px;
}

.menu_inactive {
	color					: #fff;
	background-color		: #012865;
	text-align				: left;
	vertical-align			: middle;
	padding-top				: 5px;
	padding-bottom			: 5px;
	padding-right			: 3px;
	padding-left			: 3px;
	cursor					: pointer;
}

.menu_inactive a.menuitem, .menu_inactive a:visited, .menu_inactive a:hover {
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 9px;
	color 					: #ffffff;
	font-weight				: bold;
	text-decoration 		: none;
}

.menu_active {
	background-color		: #ffffff;
	text-align				: left;
	vertical-align			: middle;
	padding-top				: 5px;
	padding-bottom			: 5px;
	padding-right			: 3px;
	padding-left			: 3px;
	cursor					: pointer;
}

.menu_active a.menuitem, .menu_active a.menuitem:visited, .menu_active a.menuitem:hover {
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 9px;
	font-weight				: bold;
	color					: #012865;
	text-decoration 		: none;
}

.submenu_active {
	background-color		: #fff;
	text-align				: left;
	font-weight				: bold;
	height					: 20px;
	border-width			: 1px 1px 1px 1px;
	border-style			: solid;
	border-color			: #000;
	padding-left			: 5px;
	padding-right			: 5px;
	text-decoration			: none;
}

.submenu_active a.submenu, .submenu_active a.submenu:visited, .submenu_active a.submenu:active, .submenu_active a.submenu:hover {
	text-align				: left;
	font-weight				: bold;
	color					: #012865 !important;
	text-decoration			: none;
	display					: block;
}

.submenu_inactive {
	background-color		: #012865;
	text-align				: left;
	font-weight				: bold;
	color					: #fff;
	height					: 20px;
	border-width			: 1px 1px 1px 1px;
	border-style			: solid;
	border-color			: #000;
	padding-left			: 5px;
	padding-right			: 5px;
	text-decoration			: none;
}

.submenu_inactive a.submenu, .submenu_inactive a.submenu:visited, .submenu_inactive a.submenu:active {
	text-align				: left;
	font-weight				: bold;
	color					: #fff;
	text-decoration			: none;
	display					: block;
}

.submenu_inactive .image {
	margin-top				: 3px;
}
.submenu_active .image {
	margin-top				: 3px;
}

.publish_menu_active {
	background-color		: #fff;
	text-align				: left;
	font-weight				: bold;
	color					: #012865;
	height					: 20px;
	border-width			: 1px 1px 1px 1px;
	border-style			: solid;
	border-color			: #000;
	padding-left			: 5px;
	padding-right			: 5px;
}

.publish_menu_active a.submenu, .publish_menu_active a.submenu:visited, .publish_menu_active a.submenu:active, .publish_menu_active a.submenu:hover {
	text-align				: left;
	font-weight				: bold;
	color					: #012865;
	text-decoration			: none; 
	display					: block;
}

.publish_menu_inactive {
	background-color		: #012865;
	cursor					: pointer;
	height					: 20px;
	border-width			: 1px 1px 1px 1px;
	border-style			: solid;
	border-color			: #000;
	padding-left			: 5px;
	padding-right			: 5px;
}

.publish_menu_inactive a.submenu:link, .publish_menu_inactive a.submenu:visited, .publish_menu_inactive a.submenu:active {
	text-align				: left;
	font-weight				: bold;
	color					: #fff;
	text-decoration			: none;
	display					: block;
}

.approval_menu_active, .approval_menu_active:visited, .approval_menu_active:link {
	display					: block;
	float					: left;
	width					: 100px;
	background-color		: #012865;
	color					: #fff;
	border					: 1px solid #012865;
	text-align				: center;
	vertical-align			: middle;
	padding-top				: 2px;
	padding-bottom			: 2px;
	padding-right			: 2px;
	padding-left			: 2px;
	margin-right			: 3px;
	cursor					: pointer;
}

.approval_menu_active:hover {
	display					: block;
	float					: left;
	width					: 100px;
	border					: 1px solid #012865;
	width					: 100px;
	color					: #012865;
	background-color		: #ffffff;
	text-decoration 		: none;
	padding-top				: 2px;
	padding-bottom			: 2px;
	padding-right			: 2px;
	padding-left			: 2px;
	margin-right			: 3px;
}

.approval_menu_inactive {
	display					: block;
	float					: left;
	width					: 100px;
	color					: #fff;
	border					: 1px solid #012865;
	background-color		: #fff;
	text-align				: center;
	vertical-align			: middle;
	padding-top				: 2px;
	padding-bottom			: 2px;
	padding-right			: 2px;
	padding-left			: 2px;
	margin-right			: 3px;
	cursor					: pointer;
}

.approval_menu_inactive:hover {
	display					: block;
	float					: left;
	width					: 100px;
	color 					: #ffffff;
	background-color		: #012865;
	text-decoration 		: none;
}

.admin_menu_active, .admin_menu_active:visited  {
	display					: block;
	float					: left;
	width					: 159px;
	background-color		: #012865;
	color					: #fff;
	border					: 1px solid #012865;
	text-align				: left;
	vertical-align			: middle;
	padding-top				: 2px;
	padding-bottom			: 2px;
	padding-right			: 2px;
	padding-left			: 2px;
	margin-bottom			: 3px;
	cursor					: pointer;
}

.admin_menu_active:hover {
	display					: block;
	float					: left;
	border					: 1px solid #012865;
	width					: 159px;
	color					: #012865;
	background-color		: #fff;
	text-decoration 		: none;
}

.admin_menu_inactive {
	display					: block;
	float					: left;
	width					: 159px;
	color					: #012865;
	border					: 1px solid #012865;
	background-color		: #fff;
	text-align				: left;
	vertical-align			: middle;
	padding-top				: 2px;
	padding-bottom			: 2px;
	padding-right			: 2px;
	padding-left			: 2px;
	margin-bottom			: 3px;
	cursor					: pointer;
}

.admin_menu_inactive:hover {
	display					: block;
	float					: left;
	width					: 159px;
	color 					: #fff;
	background-color		: #012865;
	text-decoration 		: none;
}

.viewmenu {
	background-color		: #012865;
}

.viewmenu .menuitem {
	color					: #ffffff;
}

.content {
	padding-top				: 10px;
	padding-left			: 10px;
	padding-bottom			: 10px;
	vertical-align			: top;
	font-size				: 12px;
}

input, select {
	font-family				: Arial, Verdana, Helvetica;
	font-size				: 12px;
	background-color		: #ffffff;
	color					: #012865;
	border					: 1px solid #012865;
	padding-left			: 2px;
}

input.checkbox {
	padding-top				: 0px;
	margin-top				: 0px;
}

textarea {
	font-family				: Arial, Verdana, Helvetica;
	font-size				: 12px;
	background-color		: #fff;
	color					: #012865;
	width					: 300px;
	height					: 100px;
	border					: 1px solid #012865;
	padding-left			: 2px;
}

.smallarea {
	font-family				: Arial, Verdana, Helvetica;
	font-size				: 12px;
	color					: #012865;
	width					: 300px;
	height					: 100px;
	border					: 1px solid #012865;
}

.small {
	width					: 50px;
}

.medium {
	width					: 100px;
}

.large {
	width					: 200px;
}

.tableheader a:link, .tableheader a:active, .tableheader a:visited {
	font-family				: Arial, Verdana, Helvetica;
	font-size				: 12px;
	color					: #fff;
	text-decoration			: none;
}

.tableheader a:hover {
	font-family				: Arial, Verdana, Helvetica;
	font-size				:	12px;
	color					: #ffffff;
	font-weight				: bold;
	text-decoration			: none;				
}

ul.extensions {
	padding-top				: 0px;	
	padding-left			: 14px;
}

.progress {
	display					: none;
	position				: absolute;
	color					: #000;
	background-color		: #ff9933;
	padding					: 10px;
	border-color			: #cccccc #666666 #666666 #cccccc; 
	border-style			: solid;
	border-width			: 5px;
}

a:link {
	font-size				: 12px;
	text-decoration			: none;
	color					: #012865;
}

a:visited {
	font-size				: 12px;
	text-decoration			: none;
	color					: #204886;
}

a:hover {
	font-size				: 12px;
	text-decoration			: underline;
	color					: #f57c00;
}

a:active {
	font-size				: 12px;
	text-decoration			: none;
	color					: #FF0000;
}

a.navactive {
	color					: #000000;
	text-decoration			: none;
}

a, input, select, textarea, td {
	position				: relative;
}

a.logout {
	display					: block;
	width					: 159px;			
	background-color		: #012865;
	color					: white;
	padding					: 3px;
	text-align				: center;
	border					: 1px solid #012865;
}

a.logout:hover {
	display					: block;
	width					: 159px;
	background-color		: #fff;
	color					: #012865;
	padding					: 3px;
	text-align				: center;
	text-decoration			: none;
	border					: 1px solid #012865;
}

col.id {
	width					: 30px;
}

col.language {
	width					: 100px;
}

col.text {
	width					: 600px;
}

col.maintenance {
	width					: 80px;
}

#ux-lightbox {
    position: absolute;
    left: 0;
    width: 100%;
	height: 100%;
    z-index: 15000;
    text-align: center;
    line-height: 0;
}

#ux-lightbox img {
    width: auto;
    height: auto;
}

#ux-lightbox a img {
    border: none;
}

#ux-lightbox-outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 300px;
    height: 250px;
    margin: 0 auto;
}

#ux-lightbox-imageContainer {
    padding: 10px;
}

#ux-lightbox-loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
    background: url(../media/images/static/lightbox/loading.gif) no-repeat center 15%;
}

#ux-lightbox-hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#ux-lightbox-imageContainer > #ux-lightbox-hoverNav {
    left: 0;
}

#ux-lightbox-hoverNav a{
    outline: none;
}

#ux-lightbox-navPrev,
#ux-lightbox-navNext {
    width: 49%;
    height: 100%;
    background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
    display: block;
}

#ux-lightbox-navPrev { left: 0; float: left;}
#ux-lightbox-navNext { right: 0; float: right;}
#ux-lightbox-navPrev:hover, #ux-lightbox-navPrev:visited:hover { background: url(../media/images/static/lightbox/prevlabel.gif) left 33% no-repeat; }
#ux-lightbox-navNext:hover, #ux-lightbox-navNext:visited:hover { background: url(../media/images/static/lightbox/nextlabel.gif) right 33% no-repeat; }

#ux-lightbox-outerDataContainer {
    margin: 0 auto;
    width: 100%;
}

#ux-lightbox-dataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    overflow: auto;
    line-height: 1.4em;
}

#ux-lightbox-data{	padding:0 10px; color: #666; }
#ux-lightbox-data #ux-lightbox-details{ width: 80%; float: left; text-align: left; }
#ux-lightbox-data #ux-lightbox-caption{ font-weight: bold;	}
#ux-lightbox-data #ux-lightbox-imageNumber{ display: block; clear: left; padding-bottom: 1.0em;	}
#ux-lightbox-data #ux-lightbox-navClose{ background: url(../media/images/static/lightbox/close.gif) no-repeat; width: 66px; height: 22px; float: right;  padding-bottom: 0.7em; outline: none;}
#ux-lightbox-data #ux-lightbox-navClose:hover{ background-image: url(../media/images/static/lightbox/close.gif);}

#ux-lightbox-overlay,
#ux-lightbox-shim{
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 14999;
    width: 100%;
    background-color: #000;
    padding: 0;
    margin: 0;
}

#ux-lightbox-shim {
    z-index: 89;
    background-color: transparent;
    filter: alpha(opacity=0);
}