/* Body style*/

	div.wrapper { margin: 0 auto; width: 962px;padding:0;}
	#leftcol { width:250px;padding:0;}
	#rightcol { width:0px;padding:0;}
	#maincol { margin-left:250px;margin-right:0px;padding:0;}
	#mainblock {margin-left:0px;margin-right:0px;padding:0;}
	#banner-left { width:0px;padding:0;}
	#banner-right { width:0px;padding:0;}
	#moduleslider-size { height:200px;}


#header-bar {background: url(../img/header-bar.png) 0 0 repeat-x;}
img#logo {background: url(../img/logo.png) 0 0 no-repeat;float: left;}
img#certlogo {background: url(../img/certlogo.png) 0 0 no-repeat;float: left;}
#showcase-top {background: url(../img/showcase-tl.png) 0 0 no-repeat;}
#showcase-top2 {background: url(../img/showcase-tr.png) 100% 0 no-repeat;}
#showcase-top3 {background: url(../img/showcase-tm.png) 0 0 repeat-x;}
#showcase-main {background: url(../img/showcase-middle.png) 0 0;}
#showcase-main2 {background: url(../img/showcase-l.png) 0 0 repeat-y;}
#showcase-main3 {background: url(../img/showcase-r.png) 100% 0 repeat-y;}
#showcase-bottom {background: url(../img/showcase-bl.png) 0 0 no-repeat;}
#showcase-bottom2 {background: url(../img/showcase-br.png) 100% 0 no-repeat;}
#showcase-bottom3 {background: url(../img/showcase-bm.png) 0 0 repeat-x;}
#main-top {background: url(../img/main-tl.png) 0 0 no-repeat;}
#main-top2 {background: url(../img/main-tr.png) 100% 0 no-repeat;}
#main-top3 {background: url(../img/main-tm.png) 0 0 repeat-x;}
#main {background: url(../img/main-m.png) 0 0;}
#main2 {background: url(../img/main-l.png) 0 0 repeat-y;}
#main3 {background: url(../img/main-r.png) 100% 0 repeat-y;}
#main-bottom {background: url(../img/main-bl.png) 0 0 no-repeat;}
#main-bottom2 {background: url(../img/main-br.png) 100% 0 no-repeat;}
#main-bottom3 {background: url(../img/main-bm.png) 0 0 repeat-x;}
#bottom-shadow {background: url(../img/bottom-shadow.png) 50% 0 no-repeat;}
img#rocket {background: url(../img/rocket.png) 0 0 no-repeat;}
span.pathway img {background: url(../img/path-div.png) 0 50% no-repeat;}
a.large .button {background: url(../img/font-lg.png) 0 0 no-repeat;}
a.small .button {background: url(../img/font-sm.png) 0 0 no-repeat;}
/*cert*/
#outer{
	width: 1200px;
	margin:0 auto;
}
#main{

	margin:0 auto;
}

a, b
{
    color: #9e1b34;
}

table.cert {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
}

table.cert td  {
	border: none;
	padding: 0 0 0 1px;

	background-color: white;
}




#disc{
	margin: 3px 0 0 0;
	padding: 0 3px 3px 3px;
	border-style: none;
	background-color: #ffcc99;
}

#discnon{
	margin: 0 0 0 0;
	padding:3px;
	border-style: none;
	background-color: #ffcc99;
}

#element{
	margin: 3px 0 0 0;
	padding: 0 3px 3px 3px;
	border-style: none;
	background-color: #99ccff;
}

#elementnon{
	margin: 0 0 0 0;
	padding: 3px;
	border-style: none;
	background-color: #99ccff;
}


#seta{
	margin: 0 0 0 0;
	padding:3px;
	border-style: none;
	background-color: #dbe5f1;
}


#setb{
	margin: 0 0 0 0;
	padding:3px;
	border-style: none;
	background-color: #c6d9f1;
}







img
{
border:none;
}

#header, #content, #footer
{
    margin-left: auto;
    margin-right: auto;
    text-align: center; 
    width: 100%;
	font-size:80%;
	color:#666666;
}

h1
{
	color:#9e1b34;
}
/*color*/
/* style9 */

body {color: #333;background: #D1D1D1;}
a {color: #9e1b34;}
a:hover {color: #9e1b34;}
.contentheading, .componentheading {color: #333;}
h1 {color: #9e1b34;}
h2 {color: #000;}
h4 {color: #cc0000;}
span.small, td.createdate, td.modifydate {color: #666;}
#body-bg {background: #EDEDED url(../img/bg.jpg) 50% 0 no-repeat;}
#bg-panel2 {background: url(../img/bg2.png) 0 100% repeat-x;}
#top-bar {background: url(../img/top-bar.png) 0 0 repeat-x;}
#banner-top {background: #EDEDED; border-bottom: 1px solid #ccc;}
#topmenu-mod {color: #333;}
#banner-mod {color: #333;}
#date-block {color: #666;}
.date1 {border-right: 1px dotted #666;}
.date2 {color: #666;}
.date3 {color: #666;}
#showcasemodules, .rotator-module {color: #333;}
#showcasemodules a, .rotator-module a {color: #cc0000;}
#main-bar {background: #F5F5F5 url(../img/col-bgtop.png) 0 0 repeat-x;border: 1px solid #ccc;}
#searchmod {background: url(../img/search-bg.png) 0 0 no-repeat;}
.inner {background: #F5F5F5 url(../img/col-bgtop.png) 0 0 repeat-x;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.col-bottom {background: url(../img/col-bl.png) 0 0 repeat-x;}
.col-bottom2 {background: url(../img/col-br.png) 100% 0 no-repeat;}
.col-bottom3 {background: url(../img/col-bm.png) 0 0 repeat-x;}
#bottom-menu {background: url(../img/bottom-menu.png) 50% 0 repeat-x;}
#footer {background: #D1D1D1 url(../img/bottom-bg.png) 50% 0 repeat-x;color: #666;}
#copyright {color: #666;}


#showcasemodules .module h3, .rotator-module .module h3 {color: #333;}
#showcasemodules .module h3 span, .rotator-module .module h3 span {color: #0077B4;}
.module h3, .moduletable h3, .submenu-block h3 {color: #9e1b34;}
.module h3 span, .moduletable h3 span, .submenu-block h3 span {color: #9e1b34;}
#newsflash .moduletable {color: #333;}
#bottom .module h3, #bottom .module h3 span {color: #b20437;}
#banner-left .moduletable h3 span, #banner-right .moduletable h3 span {color: #0077B4;}
#footer .module h3 {color: #666;}
#footer .module h3 span {color: #0077B4;}
#footer a {color: #9e1b34;}

#horiz-menu li {color: #000;}
#horiz-menu a, #horiz-menu .separator {color: #333;}
#horiz-menu li a, #horiz-menu li .separator {color: #333;}
#horiz-menu li.active a, #horiz-menu li.active .separator {color: #9e1b34;border-bottom: 1px solid #fff;}
#horiz-menu li a:hover, #horiz-menu li .separator:hover {color: #9e1b34;}
#horiz-menu.splitmenu li a:hover, #horiz-menu.splitmenu li .separator:hover {border-bottom: 1px solid #fff;}
.menutop .animated-bg {border-bottom:1px solid #fff;}
.menutop .submenu-animation-left {background: url(../img/sub-hover-l.png) 0 0 no-repeat;} 
.menutop .submenu-animation-right {background: url(../img/sub-hover-r.png) 100% 0 no-repeat;}
#horiz-menu ul ul li a, #horiz-menu ul li.active.parent ul a, #horiz-menu ul ul li .separator, #horiz-menu ul li.active.parent ul .separator {color: #666;}
#horiz-menu li.sfHover li a, #horiz-menu li:hover li a, #horiz-menu ul li.active ul li.active li a, #horiz-menu ul li.active.parent ul li a, #horiz-menu li.sfHover li .separator, #horiz-menu li:hover li .separator, #horiz-menu ul li.active.parent ul li .separator, #horiz-menu ul li.active.parent ul li .seperator {color: #9e1b34;}
#horiz-menu ul ul {background: #F5F5F5 url(../img/col-bgtop.png) 0 0 repeat-x;border: 1px solid #ccc;}
#horiz-menu ul ul li a.daddy, #horiz-menu ul ul li a.daddy:hover, #horiz-menu ul li.active.parent ul li a.daddy, #horiz-menu ul ul li .separator.daddy, #horiz-menu ul ul li .separator.daddy:hover, #horiz-menu ul li.active.parent ul li .separator.daddy {background: url(../img/submenu-arrow.png) 95% 60% no-repeat;}

#topmenu-mod #mainlevel-top li {border-right: 1px dotted #000;}
#topmenu-mod #mainlevel-top a, #banner-mod #mainlevel-top a#active_menu.mainlevel {color: #000;}
#topmenu-mod a#active_menu-top.mainlevel-top span.banner-small {background: url(../img/topmenu-arrow.png) 50% 100% no-repeat;}
#topmenu-mod .banner-small {color: #000;}
#bottom-menu #mainlevel-bottom a {color: #666;}
#bottom-menu #mainlevel-bottom a:hover, #bottom-menu #mainlevel-bottom a#active_menu.mainlevel {color: #0077B4;border-bottom: 1px solid #0077B4;}

a.mainlevel {color: #333;background: url(../img/submenu-arrow.png) 0 8px no-repeat;}
a.sublevel {color: #333;}
a.mainlevel:hover, a.sublevel:hover {color: #cc0000;}
ul.menu li {border-bottom: 1px dotted #666;}
ul.menu li.active.parent ul {background: url(../img/submenu-bgbottom.png) 0 100% repeat-x;}
ul.menu li.active.parent {background: url(../img/submenu-bgtop.png) 0 0 repeat-x;}

ul.menu li.active.parent span {background: url(../img/submenu-parent-arrow2.png) 95% 50% no-repeat;}
ul.menu li.active.parent a, ul.menu li.active.parent .separator {color: #333;}
ul.menu li.active.parent a:hover, ul.menu li.active.parent .separator:hover {color: #cc0000;}
ul.menu a, ul.menu .separator {color: #333;}
ul.menu a:hover, ul.menu .separator:hover {color: #cc0000;}
ul.menu li.active a, ul.menu li.active li.active a, a#active_menu.mainlevel, a#active_menu.sublevel, a.mainlevel:hover, a.sublevel:hover, ul.menu li.active .separator, ul.menu li.active li.active .separator {color: #cc0000;}
ul.menu li.active.parent ul li.active.parent a.daddy, ul.menu li.active.parent ul li.active.parent .separator.daddy {color: #cc0000;}
ul.menu div.split-arrow-open {background: url(../img/submenu-parent-arrow2.png) 65% 50% no-repeat;}
ul.menu div.split-arrow-close {background: url(../img/submenu-parent-arrow.png) 65% 50% no-repeat;}
#main-body ul.menu a:hover, #main-body ul.menu .separator:hover {color: #333;}

a.readon {background: url(../img/submenu-arrow.png) 0 5px no-repeat;}
a.readon2 {background: url(../img/readon.png) 0 0 no-repeat;color: #ccc;}
a.readon2:hover {color: #fff;}
.pathway-block.top span.pathway {color: #000;}
span.pathway {color: #666;}
span.pathway a {color: #0077B4;}
.fontbutton-text {color: #333;}
a.large .button {background: url(../img/font-lg.png) 0 0 no-repeat;}
a.small .button {background: url(../img/font-sm.png) 0 0 no-repeat;}
fieldset {border-bottom: 1px solid #ddd;}
.tool-tip {background: #f6f6f6;border: 1px solid #e6e6e6;}

.module input.button, .moduletable input.button {background: url(../img/readon.png) 0 0 no-repeat;color: #ccc;}
.module input.button:hover, .module input.button:hover {color: #fff;}
#sl_vert .button {background: url(../img/readon.png) 0 0 no-repeat;color: #ccc;}
#sl_vert .button:hover {color: #fff;}
#sl_vert #sl_username, #sl_vert #sl_pass {background: url(../img/input-bg.png) 0 0 no-repeat;}
input#mod_login_username.inputbox, input#mod_login_password.inputbox, input#modlgn_username.inputbox, input#modlgn_passwd.inputbox {background: url(../img/input-bg.png) 0 0 no-repeat;}


blockquote, pre {background: #e7e7e7;border: 1px solid #ccc;}
span.number {color: #000;}
span.inset-right, span.inset-left {color: #000;}
span.dropcap {color: #000;}
span.important-title {color: #000;}
.important {border: 1px solid #000;}
span.important-title, span.important-title-blue, span.important-title-red, span.important-title-green, span.important-title-purple, span.important-title-orange, span.important-title-brown, span.important-title-grey {background: #F5F5F5;}
ul.bullet-1 li {background: url(../img/bullet-1.png) 0 5px no-repeat;}
ul.bullet-2 li {background: url(../img/bullet-2.png) 0 5px no-repeat;}
ul.bullet-3 li {background: url(../img/bullet-3.png) 0 5px no-repeat;}
ul.bullet-4 li {background: url(../img/bullet-4.png) 0 5px no-repeat;}
ul.bullet-5 li {background: url(../img/bullet-5.png) 0 5px no-repeat;}
img.demo, img#variation_preview {border: 4px solid #ccc;}
span.red
{
    color:Red;
}



/*lightwindow*/


#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../img/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../img/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(../img/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(../img/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../img/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../img/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}




/*template*/

/* @group Core Elements */

html {height: 100%;margin-bottom: 1px;}
body {margin: 0;font-family: Arial;font-size: 80%;line-height: 135%;}
tt {font-family: Arial;}

/* Font family information */

body#ff-default, body#ff-default td {font-family: Arial, Arial, Arial, sans-serif;}
body#ff-optima, #ff-optima td {font-family: Arial,Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;}
body#ff-geneva, #ff-geneva td {font-family:  Arial,Geneva, Tahoma, "Nimbus Sans L", sans-serif;}
body#ff-helvetica, #ff-helvetica td {font-family: Arial, Helvetica, Arial, FreeSans, sans-serif;}
body#ff-lucida, #ff-lucida td {font-family: Arial,"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;}
body#ff-georgia, #ff-georgia td {font-family: Arial, Georgia, sans-serif;}
body#ff-trebuchet, #ff-trebuchet td {font-family: Arial,"Trebuchet MS", sans-serif;}
body#ff-palatino, #ff-palatino td {font-family: Arial,"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;}
body#ff-default #horiz-menu li, body#ff-default #bottom-menu, body#ff-default a.mainlevel, body#ff-default a.sublevel, body#ff-default ul#rokslide-toolbar li, #topmenu-mod ul#mainlevel-top {font-family: Arial, Arial, Arial;}
body#ff-default .module h3, body#ff-default .moduletable h3, body#ff-default .contentheading, #topmenu-mod .banner-small, body#ff-default .submenu-block h3 {font-family: Arial, Arial, Arial, Arial, Arial, Arial;}
body#ff-default #banner-right .moduletable h3, body#ff-default #banner-left .moduletable h3 {font-family: Arial, Arial, Arial, Arial;}

/* Core Styles */

form {margin: 0;padding: 0;}
body.f-small, body#ff-optima.f-small, body#ff-georgia.f-small {font-size: 11px;}
body, body.f-default {font-size: 12px;}
body#ff-optima, body#ff-optima.f-default {font-size: 13px;}
body#ff-georgia, body#ff-georgia.f-default {font-size: 13px;}
body.f-large, body#ff-optima.f-large, body#ff-georgia.f-large {font-size: 14px;}
h1, h2, h3, h4, h5 {padding-bottom: 5px;margin: 25px 0 10px 0;font-weight: normal;line-height: 120%;}
h1 {font-size: 200%;line-height: 100%;}
h2 {font-size: 175%;line-height: 100%;}
h3 {font-size: 150%;margin-left:15px}
h4 {font-size: 120%;}
h5 {font-size: 120%;text-transform: uppercase;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
.clr {clear: both;}

/* @end */

/* @group Joomla Elements */

.mosimage_caption {font-size: 90%;}
.componentheading {font-size: 180%;line-height: 130%;font-weight: normal;padding: 0 0 0 5px;margin: 0 0 20px 0;}
.contentheading {font-size: 180%;font-weight: normal;border: 0;padding: 0 0 15px 0;line-height: 130%;letter-spacing: -1px;}
span.small, td.createdate, td.modifydate {font-size: 90%;}
table.blog td.createdate {padding-bottom: 5px;}
table.blog td.modifydate {padding-top: 10px;}
td.buttonheading, .contentpaneopen td.buttonheading {padding: 0 1px;border: 0;}
td.column_separator {padding-left: 15px;}
td.componentheading {padding-bottom: 15px;}
.sectiontableheader {font-weight: bold;padding: 4px;line-height: 25px;}
tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 2px 0 0px 5px;}
tr.sectiontableentry2 td, td.sectiontableentry2 {height: 25px;}
tr.sectiontableentry1 td, td.sectiontableentry1 {height: 25px;}
.contentpane, .contentpaneopen {width: 100%;}

/* @end */

/* @group Structure */

#top-bar .wrapper {position: relative;z-index: 500;}
#top-bar {height: 26px;padding-top: 6px;}
#header-bar {height: 80px;padding-top: 12px;margin-bottom: 5px;padding-bottom: 8px;overflow: hidden;}
img#logo {width: 315px;height: 78px;float: left;}
img#certlogo {width: 315px;height: 78px;float: left;}
.logo-module {width: 315px;height: 78px;float: left;overflow: hidden;}

#topmenu-mod {float: right;width: 67%;visibility: hidden;}
#banner-mod {float: right;width: 60%;padding-top: 8px;}
#banner-right {float: right;}
#banner-right .padding {padding: 0 0 0 10px;}
#banner-left {float: left;}
#banner-left .padding {padding: 0 10px 0 0;}

#showcase-top {width: 25px;height: 55px;float: left;}
#showcase-top2 {width: 25px;height: 55px;float: right;}
#showcase-top3 {height: 55px;margin: 0 25px;}

#date-block {width: 250px;height: 28px;float: right;padding-top: 12px;}
#date-block .date-left {text-align: right;margin-right: 25px;}
#date-block .date-right {float: right;text-align: center;}

.date1 {text-transform: uppercase;text-align: right;font-size: 180%;padding-right: 10px;margin-right: 10px;}
.date2 {text-transform: uppercase;font-weight: bold;font-size: 90%;letter-spacing: 0.1em;line-height: 70%;}
.date3 {display: block;padding: 0;}

#showcase-main {margin-left: 13px;margin-right: 13px;}
#showcase-main2 {margin-left: -13px;}
#showcase-main3 {margin-right: -13px;}
#showcase-main .padding {padding: 0 13px;}

#showcase-bottom {width: 25px;height: 25px;float: left;margin-bottom: 6px;overflow: hidden;}
#showcase-bottom2 {width: 25px;height: 25px;float: right;margin-bottom: 6px;}
#showcase-bottom3 {height: 25px;margin-left: 25px;margin-right: 25px;margin-bottom: 6px;}

#main-top {width: 13px;float: left;height: 17px;}
#main-top2 {width: 13px;height: 17px;float: right;}
#main-top3 {height: 17px;margin-right: 13px;margin-left: 13px;}
#main-top3 .padding {padding: 15px 0 0 0;}

#main-bar {margin-bottom: 10px;padding: 12px;overflow: hidden;}
#newsflash-block {float: left;width: 60%;height: 20px;font-style: italic;overflow: hidden;}
#searchmod {width: 253px;height: 23px;float: right;}
#searchmod .inputbox {background: none;width: 218px;height: 20px;margin-left: 30px;border: 0;}

#main {margin-left: 13px;margin-right: 13px;}
#main2 {margin-left: -13px;}
#main3 {margin-right: -13px;}
#main .main-padding {padding: 0 13px;}

#main-bottom {width: 25px;height: 20px;float: left;}
#main-bottom2 {width: 25px;height: 20px;float: right;}
#main-bottom3 {margin-left: 25px;margin-right: 25px;height: 20px;}

#rightcol {float: right;}
#rightcol .padding {padding: 0 0 0 10px;}
#rightcol .inner .padding {padding: 20px 20px 0 20px;}
#leftcol {float: left;}
#leftcol .padding {padding: 0 10px 0 0;}
#leftcol .inner .padding {padding: 20px 20px 0 20px;}
#maincol .inner .padding {padding: 20px;}

.col-bottom {width: 8px;float: left;height: 10px;}
.col-bottom2 {width: 8px;float: right;height: 10px;}
.col-bottom3 {height: 10px;margin: 0 8px 0 8px;padding-bottom: 10px;}
.col-bottom3.tab {margin-bottom: 10px;}

#bottom {margin-top: 10px;}
#bottom-shadow {height: 25px;position: relative;z-index: 2;}
#bottom-menu {height: 53px;}

#footer {padding: 20px 0 110px 0;}
img#rocket {width: 166px;height: 22px;float: left;margin-right: 30px;margin-left: 20px;}
#copyright {height: 22px;line-height: 22px;}

.debug {margin-top: 20px;}

table.mainbody, table.blog {width: 100%;border: 0;padding: 0;}
.spacer .block {float: left;}
.spacer.w99 .block {width: 99.8%;}
.spacer.w49 .block {width: 49.8%;}
.spacer.w33 .block {width: 33.3%;}
#bottommodules2.spacer.w33 .block {width: 33.1%;}
.spacer.w24 .block {width: 24.8%;}

/* @end */

/* @group Modules */

#banner-top .moduletable {padding: 20px 10px 35px 10px;}
.module h3, .moduletable h3, .submenu-block h3 {margin-top: 0;font-size: 180%;letter-spacing: -1px;}
#banner-mod .moduletable, #topmenu-mod .moduletable {float: right;margin: 0;padding: 0;}
#leftcol .moduletable, #rightcol .moduletable {padding-bottom: 25px;}
#newsflash .moduletable h3, .logo-module .moduletable h3 {display: none;}
#newsflash .moduletable {margin: 0;padding: 0;}
#bottom .module, #maincol .module, #extendedmodules .module {padding: 20px;}
#showcasemodules .module {padding: 10px 20px 20px 20px;}
#extendedmodules .module {margin-top: 30px;}
.moduletable-flush, .logo-module .moduletable {margin: 0;padding: 0;}
#banner-right .moduletable h3, #banner-left .moduletable h3 {margin: 0 0 4px 0;padding: 0 0 0 2px;text-transform: uppercase;font-size: 80%;letter-spacing: 1px;font-family: Arial, sans-serif;}
#banner-right .moduletable, #banner-left .moduletable {padding: 0;margin: 0 0 35px 0;}
#showcasemodules, #mainmodules, #mainmodules2, #bottommodules, #extendedmodules, .rotator-module {overflow: hidden;}

/* @end */

/* @group Menus */

#horiz-menu {display: block;text-transform: uppercase;z-index: 100;height: 25px;line-height: 24px;position: relative;padding: 0;}
ul#horiznav.menutop, #horiz-menu ul.menutop {padding: 0;margin: 0;position: relative;}
#horiz-menu ul {list-style: none;padding: 0;margin: 0;}
#horiz-menu li {display: block;float: left;margin: 0 12px 0 0;padding: 0 6px;text-transform: uppercase;font-weight: bold;letter-spacing: 0.1em;}
#horiz-menu a, #horiz-menu .separator {white-space: nowrap;display: block;float: left;height: 25px;line-height: 20px;font-weight: normal;font-size: 110%;overflow: hidden;text-decoration: none;text-transform: uppercase;z-index: 100;cursor: pointer;}
#horiz-menu li a span, #horiz-menu li .separator span {display: block;padding: 0;}
#horiz-menu li.active a, #horiz-menu li.active .separator {z-index: 100;cursor: pointer;}
#horiz-menu li.active li a, #horiz-menu li.active.parent li a, #horiz-menu li.active li .separator, #horiz-menu li.active.parent li .separator {font-weight: normal;font-size: 100%;}
#horiz-menu ul ul {margin: 0;padding: 0;}
#horiz-menu ul ul li a, #horiz-menu ul li.active.parent ul a, #horiz-menu ul li.active.parent ul a span, #horiz-menu ul ul li .separator, #horiz-menu ul li.active.parent ul .separator, #horiz-menu ul li.active.parent ul .separator span {text-transform: none;background: none;}
.menutop .animated-bg {padding:0;left: 6px;}
.menutop .submenu-animation-left {margin-right: 9px;} 
.menutop .submenu-animation-right {height: 100%;width: 9px;position: absolute;right: 0;margin-right: -9px;}

/* Menu Dropdowns */

#horiz-menu li li.active, #horiz-menu li.active li a, #horiz-menu li.active li a:hover, #horiz-menu li li a:hover, #horiz-menu ul li.active.parent ul a, #horiz-menu li.active li .separator, #horiz-menu li.active li .separator:hover, #horiz-menu li li .separator:hover, #horiz-menu ul li.active.parent ul .separator {background: none;border: 0;padding: 0;margin: 0;}
#horiz-menu li li a, #horiz-menu li li .separator {font-size: 100%;font-weight: normal;background: none;padding: 0;margin: 0;}
#horiz-menu li li, #horiz-menu li li a span, #horiz-menu li li .separator span {background: none;padding: 0;margin: 0;}
#horiz-menu li li a span, #horiz-menu li li .separator span {padding: 0;}
#horiz-menu li.sfHover li a, #horiz-menu li:hover li a, #horiz-menu ul li.active ul li.active li a, #horiz-menu ul li.active.parent ul li a, #horiz-menu li.sfHover li .separator, #horiz-menu li:hover li .separator, #horiz-menu ul li.active.parent ul li .separator, #horiz-menu ul li.active.parent ul li .seperator {text-indent: 15px;}
#horiz-menu ul ul {padding-bottom: 5px;}

/* Top Menu */

#topmenu-mod ul#mainlevel-top {padding: 12px 0 0 0;margin: 0 auto;height: 60px;}
#topmenu-mod #mainlevel-top ul {list-style: none;margin: 0;padding: 0;}
#topmenu-mod #mainlevel-top li {display: block;float: left;margin: 0;padding: 0;}
#topmenu-mod #mainlevel-top li.last {border-right: none;}
#topmenu-mod #mainlevel-top li.last a {margin-right: 0;}
#topmenu-mod #mainlevel-top a, #banner-mod #mainlevel-top a#active_menu.mainlevel {white-space: nowrap;display: block;float: left;font-weight: normal;overflow: hidden;text-decoration: none;padding: 0 8px;margin: 0 10px;}
#topmenu-mod .banner-big {text-transform: uppercase;padding: 0;margin:0;display: block; text-transform: uppercase;font-size: 180%;line-height: 130%;}
#topmenu-mod .banner-small {padding: 0 0 8px 0;margin:0;display: block; font-style: italic; font-size: 120%;}
#topmenu-mod a#active_menu-top.mainlevel-top span.banner-small {background: url(../img/topmenu-arrow.png) 50% 100% no-repeat;}

/* Bottom Menu */

#bottom-menu ul#mainlevel-bottom {padding: 0 0 0 12px;margin: 0 auto;height: 50px;}
#bottom-menu #mainlevel-bottom ul {list-style: none;margin: 0;padding: 0;}
#bottom-menu #mainlevel-bottom li {display: block;float: left;margin: 0;padding: 0;}
#bottom-menu #mainlevel-bottom a, #bottom-menu #mainlevel-bottom a#active_menu.mainlevel {white-space: nowrap;display: block;float: left;font-weight: normal;overflow: hidden;height: 50px;line-height: 50px;letter-spacing: 0.1em;font-size: 110%;text-decoration: none;text-transform: uppercase;padding: 0 8px;margin: 0 20px 0 0;}

/* Sub and Side Menus */

a.mainlevel:hover, a.sublevel:hover {text-decoration: none;}
a.mainlevel {line-height: 32px;height: 32px;font-size: 130%;padding: 2px 0 2px 15px;}
a.sublevel {height: 26px;line-height: 26px;margin: 0;padding: 0;}
ul.menu {margin:0;padding: 0 0 35px 0;}
ul.menu li {list-style: none;margin: 0;padding: 0;float: none;}
ul.menu span {display: block; height: 34px;line-height: 34px;}
ul.menu li a, ul.menu li .separator {text-indent: 5px;}
ul.menu ul li a, ul.menu ul li .separator {text-indent: 20px;}
ul.menu ul li ul li a, ul.menu ul li ul li .separator {text-indent: 40px;}
ul.menu ul li ul li ul li a, ul.menu ul li ul li ul li .separator {text-indent: 60px;}
ul.menu li.parent ul li span {background: none;}
ul.menu li.active.parent li span {background: none;}
ul.menu li.active.parent ul li, ul.menu li.active.parent ul li.parent ul {background: none;}
ul.menu li.active.parent ul {padding: 10px 0;margin: 0;}
ul.menu ul span {height: 26px;line-height: 26px;}
.moduletable-sidemenu a.mainlevel {margin: 0 0 1px 0;}
ul.menu a, ul.menu .separator {display: block;line-height: 32px;text-indent: 0px;height: 32px;overflow: hidden;font-size: 120%;float: none;}
ul.menu li.active a, ul.menu li.active li.active a, a#active_menu.mainlevel, a#active_menu.sublevel, ul.menu li.active .separator, ul.menu li.active li.active .separator {font-weight: bold;}
ul.menu li.active li a, ul.menu li.active li.active li a, ul.menu li.active li .separator, ul.menu li.active li.active li .separator {font-weight: normal;}
ul.menu ul li {border: 0;}
ul.menu ul ul {padding: 0; margin: 0;background: none;}
ul.menu li li {padding: 0;margin: 0;}
ul.menu ul a, ul.menu ul .separator {text-indent: 0;}
ul.menu li.active a, ul.menu li.active a:hover, ul.menu li.active .separator, ul.menu li.active .separator:hover {text-decoration: none; line-height: 26px;}
ul.menu li a:hover, ul.menu li .separator:hover {text-decoration: none;}
ul.menu li.active ul {margin-top: 0;margin-bottom: 0;padding-top: 5px;padding-bottom: 5px;}
ul.menu ul {padding: 0;margin: 0 12px;}
ul.menu ul ul {border: 0;}
ul.menu ul a, ul.menu ul .separator {font-size: 110%;height: 26px;line-height: 26px;padding: 0;margin: 0;}
ul.menu div.split-arrow-open {width: 34px;height: 34px;position: absolute;right: 0px;top: 0px;cursor: pointer;}
ul.menu div.split-arrow-close {width: 34px;height: 34px;position: absolute;right: 0px;top: 0px;cursor: pointer;}
/* @end */

/* Extra Content Styles */

a.readon {margin-top: 16px;padding: 0;display: block;font-size: 100%;text-indent: 12px;}
a.readon2 {width: 54px;height: 18px;display: block;margin-top: 16px;text-transform: uppercase;line-height: 18px;font-size: 10px;text-align: center;padding: 0;}
a.readon2:hover {text-decoration: none;background-position: 0 -18px;}
#showcasemodules input.button {background: url(../img/showcase-input.png) 0 0 no-repeat;width: 51px;height: 18px;}
#showcasemodules input.button:hover {text-decoration: none;background-position: 0 -18px;}
.pathway-block.top {float: left;width: 70%;}
.pathway-block.top span.pathway {padding-left: 0;}
.pathway-block {width: 100%;display: block;}
span.pathway {display: block;font-weight: normal;line-height: 140%;overflow: hidden;text-transform: uppercase;padding-top: 14px;padding-bottom: 6px;padding-left: 8px;}
span.pathway img {padding-right: 1px;width: 5px;height: 9px;}
span.pathway a {float: none;padding: 0 2px 0 0;}
#accessibility {width: 55px;height: 12px;position: absolute;right: 0;top: 4px;z-index: 5000;}
#accessibility span {background-repeat: no-repeat;}
#accessibility a {text-decoration: none; cursor: pointer;}
#accessibility #buttons {float: right;padding-right: 8px;}
#accessibility .button {display: block;float: right;width: 11px;height: 11px;margin-right: 4px;}
.fontbutton-text {position: absolute;right: 50px;top: 2px;text-transform: uppercase;font-size: 90%;font-weight: bold;}
a.nounder {text-decoration: none;border: 0;cursor: pointer;}
a.nounder:hover {text-decoration: none;}
.clr {clear:both;}
fieldset {border-left: 0;border-right: 0;border-top: 0;}
fieldset.input, a img, body .pollstableborder {border-style: none;
    border-color: inherit;
    border-width: 0;

}
img.content-left {float: left;margin-right: 10px;padding: 5px;}
img.content-right {float: right;margin-left: 10px;padding: 5px;}
.back_button {margin-top: 20px;margin-bottom: 10px;}
.tool-tip {padding: 4px;}



/* From Kai@dongkai.me*/
#mainlevelnone{text-align: center;}

/* @end */
/*typeography*/

/* Typography Styles */

ul.bullet-1, ul.bullet-2, ul.bullet-3, ul.bullet-4, ul.bullet, ul.bullet-6, ul.bullet-7, ul.bullet-8 {padding-left: 15px;overflow: hidden;margin-left: 5px;}
ul.bullet-1 li,  ul.bullet-2 li, ul.bullet-3 li, ul.bullet-4 li, ul.bullet li {list-style: none;padding-left: 10px;}
ul.bullet-6 li, ul.bullet-7 li, ul.bullet-8 li {list-style: none;padding-bottom: 3px;margin-bottom: 5px;padding-left: 22px;}
ul.bullet-1 li {background: url(../img/typo/bullet-1.png) 0 2px no-repeat;}
ul.bullet li {background: url(../img/typo/bullet-5.png) 0 6px no-repeat;}
ul.bullet-7 li {background: url(../img/typo/bullet-7.png) 0 2px no-repeat;}
ul.bullet-8 li {background: url(../img/typo/bullet-8.png) 0 3px no-repeat;}

pre {padding: 10px;}

blockquote {display: block;font-style: italic;font-size: 120%;line-height: 150%;width: auto;padding: 10px 20px 10px 20px;margin: 15px 0;}
blockquote.blue, blockquote.red, blockquote.green, blockquote.purple, blockquote.orange, blockquote.brown, blockquote.grey {display: block;font-style: italic;font-size: 120%;line-height: 150%;width: auto;padding: 0px 20px;margin: 15px 0;border: 0;background: 0;}
blockquote.blue{color: #0D507A;}
blockquote.red{color: #D12E2E;}
blockquote.green{color: #74A824;}
blockquote.purple{color: #9E0E87;}
blockquote.orange{color: #CC8300;}
blockquote.brown{color: #8B6846;}
blockquote.grey {color: #666;}



/* AMC certificatioin */

.important, .important-blue, .important-red, .important-green, .important-purple, .important-orange, .important-brown, .important-grey {padding: 15px;margin: 15px 0;}
span.important-title, span.important-title-blue, span.important-title-red, span.important-title-green, span.important-title-purple, span.important-title-orange, span.important-title-brown {position: absolute;display: block;margin-top: -24px;padding: 0 8px;font-weight: bold;font-size: 150%;}
span.important-title-grey {position: absolute;display: block;margin-top: -24px;padding: 0 25px 0 25px;font-size: 120%;}

span.important-title-area {position: relative;display: block;margin-top: -44px;margin-bottom: 15px;padding: 0 25px 20px 8px;font-size: 80%;color: #9e1b34; font-style: italic;}
span.important-title-subarea {position: relative;display: block;margin-top: -44px;margin-bottom: 15px;padding: 0 25px 20px 25px;font-size: 80%;color: #9e1b34; font-style: italic;}
span.amcitem-title { position: absolute;margin:-12px 5px 0px 55px;font-size: 80%;color: #9e1b34; padding:5px; font-style: italic;}
span.singleitem-title-small {position: relative;display: block;margin-left:30px;font-size: 80%;color: #9e1b34; font-style: italic;}

.important-blue {border: 1px solid #0D507A;}
.important-red {border: 1px solid #D12E2E;}
.important-green {border: 1px solid #74A824;}
.important-purple {border: 1px solid #9E0E87;}
.important-orange {border: 1px solid #CC8300;}
.important-brown {border: 1px solid #8B6846;}
.important-grey {border: 1px dashed #666;}
span.important-title-blue {color: #0D507A;}
span.important-title-red {color: #D12E2E;}
span.important-title-green {color: #74A824;}
span.important-title-purple {color: #9E0E87;}
span.important-title-orange {color: #CC8300;}
span.important-title-brown {color: #8B6846;}
span.important-title-grey {color: #9e1b34;}
.amcitem { margin:8px 5px 0 55px;font-weight: bold; border-bottom:1px dashed #999999;padding:5px;}
.singleitem { margin:8px ;font-weight: bold; padding:20px;background: #f5f5f5;}
.amcitem:hover{ background-color: #ededed;margin: 8px 5px 0 55px;font-weight: bold; padding:5px;}
input.largerCheckbox
{
	width: 50px;
	height: 50px;
	float: right ;
	clear : right; 
	position:relative; 
	margin-top: -18px;
}
.definition {padding:8px 5px 8px 55px;font-weight: normal;}
.definition1 {padding:8px 5px 8px 0px;font-weight: normal;}

.areaitem{padding: 0;margin: 0 30px 10px 30px;border-bottom:1px dashed #999999;}
.areaitem:hover{background-color: #ededed;padding: 0;margin: 0 30px 10px 30px;margin: 0 30px 10px 30px;border-bottom:1px dashed #999999;}
a.areaitem{color:#333}
dt{font-weight: bold;font-size: 120%;color: #9e1b34;padding:15px 0 5px 15px;line-height:22px; }
span.settitle{font-weight: bold;font-size: 120%;color: #9e1b34;padding:15px 0 5px 15px;line-height:22px; }
dd{padding: 0 8px;font-size: 100%;padding:5px 0;font-weight: normal;}
#singleitme{margin:0 auto;width:560px;padding: 20px;}
.formsubmission{margin:0 5px;padding:0 5px;text-align : right;}


/*end  AMC certificatioin */



span.number, span.number-blue, span.number-red, span.number-green, span.number-purple, span.number-orange, span.number-brown, span.number-grey {display: block;font-size: 170%;float: left;margin: 2px 10px 0 15px;}
span.number-blue {color: #0D507A;}
span.number-red {color: #D12E2E;}
span.number-green {color: #74A824;}
span.number-purple {color: #9E0E87;}
span.number-orange {color: #CC8300;}
span.number-brown {color: #8B6846;}
span.number-grey {color: #666;}

span.highlight {background: #FFFBD5;padding: 1px 2px;}
span.highlight-blue {color: #0D507A;}
span.highlight-red {color: #D12E2E;}
span.highlight-green {color: #74A824;}
span.highlight-purple {color: #9E0E87;}
span.highlight-orange {color: #CC8300;}
span.highlight-brown {color: #8B6846;}
span.highlight-grey {color: #666;}
span.highlight-bold {font-weight: bold;font-size: 120%;}

span.dropcap, span.dropcap-blue, span.dropcap-red, span.dropcap-green, span.dropcap-purple, span.dropcap-orange, span.dropcap-brown, span.dropcap-grey {display: block;font-size: 260%;float: left;margin: 0px 4px 0 0;line-height: 100%;}
span.dropcap-blue {color: #0D507A;}
span.dropcap-red {color: #D12E2E;}
span.dropcap-green {color: #74A824;}
span.dropcap-purple {color: #9E0E87;}
span.dropcap-orange {color: #CC8300;}
span.dropcap-brown {color: #8B6846;}
span.dropcap-grey {color: #666;}

span.inset-left {display: block;padding: 15px;float: left;width: 20%;font-size: 110%;font-weight: bold;font-style: italic;}
span.inset-right {display: block;padding: 15px;float: right;width: 20%;font-size: 110%;font-weight: bold;font-style: italic;}

span.attention, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.camera, span.doc {display: block;padding: 8px 10px 8px 36px;margin: 15px 0;}
span.attention {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../img/typo/attention.png) 10px 50% no-repeat;}
span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(../img/typo/notice.png) 10px 50% no-repeat;}
span.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url(../img/typo/alert.png) 10px 50% no-repeat;}
span.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url(../img/typo/download.png) 10px 50% no-repeat;}
span.approved {color: #666;border: 1px solid #a8a8a8;background: #ccc url(../img/typo/approved.png) 10px 50% no-repeat;}
span.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../img/typo/media.png) 10px 50% no-repeat;}
span.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../img/typo/note.png) 10px 50% no-repeat;}
span.cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../img/typo/cart.png) 10px 50% no-repeat;}
span.camera {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../img/typo/camera.png) 10px 50% no-repeat;}
span.doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../img/typo/doc.png) 10px 50% no-repeat;}
span.attention a, span.notice a, span.alert a, span.download a, span.approved a, span.media a, span.note a, span.cart a, span.camera a, span.doc a {color: #666;}


/**/

/******************mgt in page nav**************/

#innav {
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	list-style: none;
	margin: 40px 0px 0px 120px;	
	padding:0 0 20px 0;
	display:inline;
	font-size:120%;

}

#innav li {
	float: left;
}

#innav li a {
	float: left;

	height: 20px; 
	text-decoration: underline;
	font-weight: bold;
	border: 0;
	text-align: center;
	padding: 8px 0 0 0;
	margin: 0 5px;
}
 
#innav li.on a {
	color: #9e1b34;
	text-decoration: underline;
}

#innav li.on a:hover {
	background: #eeeeee;
}

#innav li a:hover {
	background: #eeeeee;
	color: #9e1b34;
}

div.confirm
{
 display: block;padding: 8px 10px 8px 36px;margin: 15px 0;
 color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../img/typo/attention.png) 10px 50% no-repeat;

}



/**Certification part***/

div.cert_form_dic
{
	
	padding:25px 5px 5px 5px;
	font-weight: bold;
	font-size:120%;
}

div.cert_form_ele
{
	padding:5px 5px 5px 35px;
	font-weight:bold;

}


div.cert_form_set
{
	padding:5px 5px 5px 15px;
	font-weight:normal;
	
}


div.cert_form_set_def
{
	padding:5px 5px 5px 25px;
	font-style:italic;
	
	font-weight:normal;
}

/*end  AMC certificatioin */

div.Dotted
{
    border: dotted 1px;
    padding:5px;
}

/**officer profile page**/
img.officer
{
	margin: 5px; 
	padding:5px;
	float: right;
}