body {
        font-family: tahoma, helvetica, arial, sans-serif;
        font-size: 12px;
        text-align: justify;
        
        /*background: #d3d2d1;*/
        background: url(images/bg.jpg);
}

#wrapper {
        margin: auto;
        text-align: left;
        width: 1000px;
        background: white;
        position:relative;
        
}

#wrapperi {
        padding: 0px 2px;
        background: url(images/dot.gif) 319px 0px repeat-y;
}

#wrapperj {
        background: url(images/dot.gif) 526px 0px repeat-y;
}

/*header Style*/
#header{
	width:1000px;
	height:80px;
	margin-bottom:10px;
	padding-top:5px;
	/*background-image: url(images/header_bg_square.jpg);*/
	background-image: url(images/apema-logo-1.jpg);
	background-repeat:repeat-x;
	position:relative;
	
}
#header_frame 
{
	float:right;
	margin-right: auto;
	height: 50px;
	width: 50%;
}
#login_frame {
	padding-top: 25px;
	padding-right: 28px;
	float: right;
	clear: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	height: 28px;
	top: 0px;
	text-align: right;
}
/* make crumbs after making new nav */
#breadcrumb {
	padding-top: 4px;
	padding-left: 10px;
	background: #919191;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	height: 15px;
}
#logo
{
	float:left;
	margin:4.5px 0px 0px 10px;

}
#picture-box
{
	width:995px;
	height:350px;
	margin-top:20px;
	margin-left:5px;
	border:solid 1px gray;
	/*background-image: url(images/slide-1.png);*/
	background-repeat:no-repeat;
}
#right-side
{
	float:right;
	width:200px;
	height:auto;
	padding-left:10px;
	border-left:1px gray solid;	
	position:absolute;
	top:167px;
	right:19px;
	
}
/*Footer Styling**/
#footer{
	width:1000px;
	height:50px;
	background-image:url(images/footerbg.jpg);
	background-repeat:repeat-x;
	margin-top:10px;
}

#footer ul
{
	padding-top:9px;
}

#footer ul li
{
	display:inline;
	padding:0px 40px;
	border-right:solid 1px #013356;
}

#footer ul li.current
{
	border-right:none;
}

#login {
	/*padding-top: 25px;
	padding-right: 28px;*/
	float: left;
	clear: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	height: 32px;
	top: 0px;
	text-align: left;
	margin: 30px 15px;
}
#login2 {
	/*padding-top: 25px;
	padding-right: 28px;*/
	float: left;
	clear: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	height: auto;
	width:inherit;
	top: 0px;
	text-align: left;
	margin: 30px 15px;
}
#register {
	/*padding-top: 25px;
	padding-right: 28px;*/
	float: left;
	clear: none;
	color: #330000;
	font-weight: bold;
	font-size: 10px;
	height: auto; /*32px;*/
	width: auto;/* 50px;*/
	top: 0px;
	text-align: left;
	margin: 30px 15px;
	
}



#left {
        float: left;
        width: 310px;
        margin-top: 15px;
		margin-left:15px;
}
#menu_tabs
{
	
	border-top: solid 2px #ff9900;
	 border-top-width:4px;
	 display:table;
	 position:relative;
	 padding: 3px 5px 3px 5px; 
	 min-width:975px; 
	 min-height:200px; 
	 margin-left: 2px;	
}
.outer-box
{
	width:200px;
	float:left;
	/*border:solid 1px gray;*/
	margin-left:5px;
	margin-top:15px;
	height:252px;
	
	
	
	
}
.title-inner-box
{
	width:auto;
	position:relative;
	font-weight:bold;
	border-bottom:dashed 1px blue;
	border-top:dashed 1px blue;
	/*padding:5px 5px 0px 5px;*/

}
.body-inner-box
{
	height:auto;
	width:auto;
	padding:5px 5px 3px 5px;
	/*border-bottom:solid 1px blue;*/
	/*border:solid 1px gray;*/
}

/* contacts page style */

.contact
{
	border-top:solid 3px gray;
	width: 400px;
	height:200px;
	margin:20px 0 0 20px;
	float:left;
		
}
.contact-title
{
	width:inherit;
	/*position:relative;*/
	font-weight:bold;
	background-color:#f3f4f5;
	padding:3px 3px 3px 3px;
	margin-bottom:10px;
	
}


/* end contacts page style */

/*begin creating the tabs */
/*begin creating the tabs */

.menu_bg
{
	width:1000px;
	height:30px;
	padding-top: 5px;
	padding-bottom: 1px;
	background-image: url(images/navbg.gif);
}
.menu_vertical
{
	margin-left: 28px;
	/*background: url(images/tab_bg.gif) repeat-x;*/
	background: #91aa37 url(images/menu_green_arrow.gif) left center repeat-y;
	font-size: 10px;
	font-weight: bold;	

}
.menu {
	margin-left: 28px;
	/*background: url(images/tab_bg.gif) repeat-x;*/
	background: url(images/tb_blue.png) repeat-x;
	font-size: 10px;
	font-weight: bold;
}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem td {
	color: #FFFFFF;
	height: 24px;
	/*background: url(images/tab_dim.gif) no-repeat;*/
	background: url(images/tb_blue.png) no-repeat;
	width: 100px;
	text-align: center;
	
}
/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem td {
	background: url(images/tab.gif) no-repeat #919191;
}
/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited, .menuPopupItem a:link, .menuPopupItem a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover {
	text-decoration: underline;
}

/* make drop down menu container style */
.menuPopup {
	background: url(images/background_drop_menu.jpg) repeat #8C9FB4;
	border: 1px solid #666666;
	border-bottom: none;
	color: #ffffff;
}

/* make drop down menu item style */
.menuPopupItem {
	color: #ffffff;
	border-bottom: 1px solid #666666;
	padding: 3px;
}
.gray_line
{
	width:100%;
	border-bottom: solid 2px gray;	
}
.box {
	width: auto;
	height: auto;
	background: #CCCCFF url(images/box_right_bottombg2.gif) scroll no-repeat bottom right;
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
}
.box a {
	color: #fff;/*#532005;*/
	background: #cccc99; /*#D7AE7F;*/
	text-decoration: none;
}
.box a:hover {
	color:#fff;
	background: #532005;
}
.box h2 {
	font-family: Garamond, Georgia, Times, serif;
	font-size: 2em;
	color: #000000;
	background: #cccc99 url(images/box_left_topbg2.gif) scroll no-repeat top left;
	padding-left: 15px;
	padding-right: 15px;
}
.box p, .box ol {
	margin: 5px 15px;
}
.box ul {
	margin: 5px 15px;
	list-style-type: square;
}


.top_box {
	/*padding-top: 25px;
	padding-right: 28px;*/
	float: left;
	clear: none;
	color: #330000;
	font-weight: bold;
	font-size: 10px;
	height: auto; /*32px;*/
	width: 300px;/* 50px;*/
	top: 0px;
	text-align: left;
	margin: 30px 15px;
	
}
.white_line
{
	height:1px;
	background: url(images/white_line.jpg) repeat;
	
}
.button_size
{
	width:100px;
	
}
/* AJAX Enabled feature */
.TextIndicator_TextBox1_Strength1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength2
{
     background-color:Gray;
     color:Yellow;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength3
{
     background-color:Gray;
     color: #FFCAAF;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength4
{
     background-color:Gray;
     color:Aqua;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength5
{
     background-color:Gray;
     color: #93FF9E;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.todoheader 
{
    color: Silver;
	background: #10377C;
	position: relative;
}
.detailsview .actions div {
	float: right;
	text-align: right;
	width: 95px;
	padding-right: 2px;
}
.detailsview td {
	background: #D7E6F4;
	color: #333333;
	font: small "Segoe UI", Segoe, sans-serif;
	padding: 15px 10px 10px 10px;
}
.detailsview td a {
	color: #0066CC;
	font: bold small "Segoe UI", Segoe, sans-serif;
	padding-right: 10px;
}
.detailsview td a:hover {
	font-weight: bold;
	color: #333;
}
.detailsview th {
	background: #4168BD;
	color: #FFFFFF;
	font: small "Segoe UI", Segoe, sans-serif;
	letter-spacing: 0;
	padding: 3px 8px 5px;
	padding: 2px;
	text-align: left;
}
.detailsview tr.header {
	background: #C5DBF7;
	padding: 3px 8px 5px;
}
.gridview .actions div {
	float: right;
	padding-right: 2px;
	text-align: right;
	width: 95px;
}

.gridview .edit td,.gridview .create td {
	background: #DAFFCD;
	padding: 4px;
	border-bottom: solid 2px #FFFFFF;
	border-top: solid 2px #FFFFFF;
}

.gridview td {
	background: #D7E6F4;
	border-bottom: solid 1px #C5DBF7;
	color: #333333;
	font: small "Segoe UI", Segoe, sans-serif;
	padding: 5px 4px;
}
.gridview td a{
	color: #0066CC;
	font: bold small "Segoe UI",Segoe,sans-serif;
	padding: 2px;
	text-decoration: none;
}
.gridview td a:hover {
	color: #333333;
	font-weight: bold;
}
.gridview th {
	background: #4168BD;
	color: #FFFFFF;
	font: small "Segoe UI", Segoe, sans-serif;
	letter-spacing: 0;
	padding: 4px;
	text-align: left;
}
.gridview th a{
	color: #FFFFFF;
	font: bold small "Segoe UI",Segoe,sans-serif;
}
.gridview th a:hover{
	color: #00FF00;
}
.gridview tr.even td,.detailsview tr.even td{
	background: #FFFFFF;
}
.gridview tr.header {
	background: #C5DBF7;
}
/*.gridview,.detailsview {
	width: 600px;
}*/

.insertheader 
{
    color: Silver;
	background: #10377C url(images/add.gif) 6px 50% no-repeat;
	margin-top: 25px;
	padding-left: 25px;
	position: relative;
}
.insertheader  a {
	color: #FFFFFF;
	font: bold medium "Segoe UI", Segoe, sans-serif;
	margin-left: 20px;
}
/*.gridheader 
{
    color: Silver;
	background: #10377C;
	position: relative;
	top: 15px;
	left: 0px;
	margin-top:25px;
}*/
.gridheader
{
	background-color: #0000FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium; 
	font-weight: bold; 
	color: #FFFFFF;

}

/* popup */
.modalPopup 
        {
	        background-color:#EEEEEE;
	        border-width:3px;
	        border-style:solid;
	        border-color:Gray;
	        font-family:Verdana;
	        font-size:medium;
	        padding:3px;
	        width:400px;
        }
    
        .modalBackground 
        {
	    background-color:Gray;
	    filter:alpha(opacity=70);
	    opacity:0.7;
        }
        .style3
        {
            width: 112px;
        }
        .outerPopup
        {
        background-color:transparent;
        padding:1em 6px;
        }
        .innerPopup
        {
        background-color:#EEEEEE;
        font-family:Verdana;
	    font-size:medium;
        }
  .progress {
	color: #FFFF99;
	float: right;
	font: bold small "Segoe UI", Segoe, sans-serif;
	margin-top: -20px;
}

/********** menu *********************/
.pro_line2 {
height:36px; 
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:500;

}

.pro_line2 .select {
margin:0; 
padding:0 0 0 20px; 
list-style:none; 
white-space:nowrap;
}

.pro_line2 li {
float:left;
background:url(images/blank_over.gif);
}

.pro_line2 .select a {
display:block; 
height:36px; 
float:left; 
background: url(images/blank.gif); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:25px; 
white-space:nowrap; 
color:#ddd;
}

.pro_line2 .select a b {
display:block; 
padding:0 30px 10px 15px; 
background:url(images/blank.gif) right top;
}

.pro_line2 .select a:hover, 
.pro_line2 .select li:hover a {
background: url(images/blank_over.gif); 
padding:0 0 0 15px;
line-height:27px;
cursor:pointer; 
color:#fff;
}

.pro_line2 .select a:hover b, 
.pro_line2 .select li:hover a b {
display:block; 
padding:0 30px 9px 15px; 
background:url(images/blank_over.gif) right top; 
cursor:pointer;
}

.pro_line2 .sub {
display:none;
}

/* IE6 only */
.pro_line2 table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.pro_line2 .sub {
margin:0; 
padding:0 0 0 60px;
list-style:none;
}
.pro_line2 .sub li {background:transparent;}

.pro_line2 .select :hover .sub {
height:18px;
display:block; 
position:absolute;
float:left;
width:750px;
top:28px; 
left:0; 
text-align:center;
}

.pro_line2 .select :hover .sub li a 
{display:block;height:18px; line-height:16px; float:left; background:transparent url(images/transparent.gif); padding:0 16px; margin:0; white-space:nowrap; border:1px solid #000; border-color:#888 #777 #666 #ddd; color:#888;font-size:10px;}

.pro_line2 .select :hover .sub li a:hover 
{color:#000; background:#e8e8e8; border-color: #fff #333 #000 #fff; line-height:15px;}



/***********end menu *****************/