/* 
	Reconnect CSS
	Author:			Amiel Uy: 2007-06-13;
	Modified:		
*/

body 
{
	background-color:#FFFFFF;
	background-image:url("Images/background.gif"); 
	background-position:left top; 
	background-repeat:no-repeat;
	margin:0em;
	color:#000000;
	font-family:Arial, Tahoma, Verdana, helvetica, sans-serif;
	font-size: 9pt;
}

p
{
	line-height: 1.4em;
}

img
{
	border: none 0px;
}

h1, h2, h3, h4, h5
{
	margin: 0em;
	font-family: Arial, Tahoma, Verdana, helvetica, sans-serif;
	line-height:1.2em;
	padding:0em;
}

a 
{
	font-size:8pt;
	text-decoration: none;
	color: #b7791b;
}

a:visited 
{
	font-size:8pt;
	color: #b7791b;
}

a:hover 
{
	font-size:8pt;
	text-decoration: underline;
	color: #b7791b;
}

a:active 
{
	font-size:8pt;
	color: #b7791b;
}

#menu
{
	width:800px;
}

#header {
	background-image: url(Images/header.gif);
	background-repeat: no-repeat;
	background-position:left top;
	position: relative;
	width:800px;
	height:159px;
	padding-top:1.4em;
	text-align:right;
}

#header div
{
	text-align:right;
	padding-top:.2em;
	padding-right:1.8em;
}

#nav 
{
	width:219px;
	position:relative;	
	color:#000000;
	font-family:Arial, Tahoma, Verdana, helvetica, sans-serif;
	font-size: 9pt;
	line-height:1.4em;
	padding-top:1em;	
}

#nav div
{
	height:35px; 
	width:160px; 
	text-align:right;
	padding-top:1.2em;
}

#nav div a
{
	text-decoration:none;
	color:#000000;
}
#nav div a:hover
{
	text-decoration:none;
	color:#b7791b;
}

#nav .textbox 
{
	border: 1px solid #929292;
	width: 130px;
	vertical-align: middle;
}

#nav .box-bar 
{
	 background-image:url(Images/box-bar.jpg);
	 background-repeat:no-repeat;
	 background-position:left top;
	 width:146px;
	 height:23px;
	 text-align:center;
}
#nav .box-bg 
{
	 background-image:url(Images/box-bg.jpg);
	 background-repeat:repeat-y;
	 background-position:left;
	 width:146px;
	 text-align:center;
}
#nav .box-bottom 
{
	 background-image:url(Images/box-bottom.jpg);
	 background-repeat:no-repeat;
	 background-position:left;
	 width:146px;
	 height:10px;
	 text-align:center;
}
	
#content 
{
	width:581px;
	line-height:1.4em;	
}

#content h1
{
	color:#ffa600;
	font-size:18pt;	
}
#content h2
{
	color:#ffa600;
	font-size:16pt;	
}
#content h3
{
	color:#ffa600;
	font-size:14pt;	
}
#content h4
{
	color:#ffa600;
	font-size:12pt;	
}
#content h5
{
	color:#ffa600;
	font-size:10pt;	
}

#content .Left
{
	width:450px;
	padding:0px 5px 0px 0px;
}

#content .Left .alternatingrowstyle{
    background-color:#f9f9f9;
}
#content .Left .headerstyle{
    background-color:#e5e5e5;
    height:23px;
}
#content .Left .headerstyle th {
    border:1px solid #bbbbbb;
    padding-left:5px;
    text-align:left;
}  
#content .Left .headerstyle a {
    color:black;
}    
#content .Left .sortalternatingrowstyle{
    background-color:#e5e5e5
}
#content .Left .sortrowstyle{
    background-color:#f0f0f0
}
#content .Left .sortascheaderstyle{
    background:#c5c5c5 url(Images/sort_asc.gif) no-repeat scroll right center;
    padding-left:5px;
}
#content .Left .sortdescheaderstyle{
    background:#c5c5c5 url(Images/sort_desc.gif) no-repeat scroll right center;
    padding-left:5px;
}   
#content .Left .pagerstyle{
    color:#444444;
    background-color:#e5e5e5;
    font-size:x-small;
    text-align:right;
} 
#content .Left .pagerstyle select{
    font-size:x-small;
}  
#content .Left .previous{
    background:transparent url(Images/previous.gif) no-repeat scroll center;
    height:1.3em;
    width:16px;
}
#content .Left .next{
    background:transparent url(Images/next.gif) no-repeat scroll center;
    height:1.3em;
    width:16px;
}  
#content .Left .gotopage{
    font-size:x-small;
    width:20px;
}

#content .Right
{
	width:120px;
	padding:0px 0px 0px 5px;
}

#content .error
{
	font-size:11pt;
}

#content .errorMessage
{
	font-size:9pt;
	color:#FF0000;
}

#content .errorMessage ul li
{
	font-size:9pt;
	color:#FF0000;
}

#content .textbox 
{
	border: 1px solid #929292;
	vertical-align: middle;
}

#content .image
{
	margin:0px 10px 10px 0px;
}

#content .ArticleImage
{
	padding:1px;
	margin:10px 0px 10px 10px;
}

.OrganizationLogo
{
	padding-bottom:10px;
}

.FeaturedImage
{
	padding:1px;
	margin:0px 0px 10px 0px;	
}

#content ul
{
	margin:5px 0px 0px 15px;
	padding:0px 0px 0px 0px;
}

#content ul li
{
	font-family:Arial, Tahoma;
	font-size:9pt;
	color:#000000;
	text-decoration:none;
}

#content ul li a:link
{
	font-family:Arial, Tahoma;
	font-size:9pt;
	color:#000000;
	text-decoration:none;
}

#content ul li a:active
{
	font-family:Arial, Tahoma;
	font-size:9pt;
	color:#000000;
	text-decoration:none;
}

#content ul li a:visited
{
	font-family:Arial, Tahoma;
	font-size:9pt;
	color:#000000;
	text-decoration:none;
}

#content ul li a:hover
{
	font-family:Arial, Tahoma;
	font-size:9pt;
	color:#000000;
	text-decoration:underline;
}

#content a:link
{
	font-family:Arial, Tahoma;
	font-size:9pt;
	text-decoration:none;
}

#content a:active
{
	font-family:Arial, Tahoma;
	font-size:9pt;
	text-decoration:none;
}

#content a:visited
{
	font-family:Arial, Tahoma;
	font-size:9pt;
	text-decoration:none;
}

#content a:hover
{
	font-family:Arial, Tahoma;
	font-size:9pt;
	text-decoration:underline;
}

.lnkLogout:link
{
	padding:6px 2px 6px 20px;
	background-image:url(../../Images/icons/logout.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
}

.lnkLogout:active
{
	padding:6px 2px 6px 20px;
	background-image:url(../../Images/icons/logout.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
}

.lnkLogout:visited
{
	padding:6px 2px 6px 20px;
	background-image:url(../../Images/icons/logout.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
}

.lnkLogout:hover
{
	padding:6px 2px 6px 20px;
	background-image:url(../../Images/icons/logout.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
}

.lnkPrint:link
{
	padding:6px 2px 6px 20px;
	background-image:url(../../Images/icons/printer.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
}

.lnkPrint:active
{
	padding:6px 2px 6px 20px;
	background-image:url(../../Images/icons/printer.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
}

.lnkPrint:visited
{
	padding:6px 2px 6px 20px;
	background-image:url(../../Images/icons/printer.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
}

.lnkPrint:hover
{
	padding:6px 2px 6px 20px;
	background-image:url(../../Images/icons/printer.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
}

#content .lnkNews:link
{
	font-family:Arial, Tahoma;
	font-size:9pt;
	color:#000000;
	text-decoration:none;
}

#content .lnkNews:active
{
	font-family:Arial, Tahoma;
	font-size:9pt;
	color:#000000;
	text-decoration:none;
}

#content .lnkNews:visited
{
	font-family:Arial, Tahoma;
	font-size:9pt;
	color:#000000;
	text-decoration:none;
}

#content .lnkNews:hover
{
	font-family:Arial, Tahoma;
	font-size:9pt;
	color:#000000;
	text-decoration:underline;
}

.CustomTabStyle
{
	 width:450px;
	 float:left;
	 font-family:Arial, Tahoma;
}

.CustomTabStyle .ajax__tab_header 
{
	font-size:9pt;
	color:#316ac5;
	font-family:Arial, Tahoma;
}

.CustomTabStyle .ajax__tab_outer 
{
	
}

.CustomTabStyle .ajax__tab_inner 
{
	
}

.CustomTabStyle .ajax__tab_tab
{
	
}

.CustomTabStyle .ajax__tab_body
{
	color:#000000;
	font-size:8pt;
	line-height:normal;
	font-family:Arial, Tahoma;
}

.CustomTabStyle .ajax__tab_hover
{	
	
}

.CustomTabStyle .ajax__tab_active
{	
	font-weight:bold;	
}

.CustomTabStyle .image
{
	margin-right:10px;
	margin-bottom:10px;
	padding:1px;
}

.CustomTabStyle p
{
	color:#000000;
	font-size:9pt;
	line-height:normal;
	font-family:Arial, Tahoma;
}

.pager td
{
	font-family:Arial, Tahoma;
    font-size:8pt;
    color:#666666;   
	padding:0px;
	margin:0px;
}
.pager td table
{
	padding:0px;
	margin:0px;
}
.pager td table td
{
	border: solid 1px #666666;
	background-color: #EBEBEB;
}
.pager a
{
	padding:3px;
	font-family: Arial, Tahoma;
	font-size:8pt;
	color: #666666;
	text-decoration: none;
}
.pager a:link
{
	text-decoration: none;
}
.pager a:active
{
	text-decoration: none;
}
.pager a:visited
{
	text-decoration: none;
}
.pager a:hover
{
	padding:3px;
	text-decoration: underline;
	color:#333333;
}
.pager span
{
	padding:3px;
	font-family: Arial, Tahoma;
	font-size: 8pt;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

.gridview
{
	font-family: Arial, Tahoma;
	font-size: 8pt;
	text-decoration: none;
	line-height:normal;
}

.gridview .title
{
	font-family: Arial, Tahoma;
	font-size: 9pt;
}

.FeatureBox
{
	float:left;
	width:220px;
	margin: 10px 5px 10px 0px;
	position:relative;
}

.LeftBox
{
	/*316ac5*/
	float:left;
	width:220px;
	margin: 10px 5px 10px 0px;
	position:relative;
}

.RightBox
{
	float:right; 
	width:220px; 
	margin: 10px 0px 10px 5px;
	position:relative;
}


.OrangeBox
{
	float:left;
	background-color:#EBEBEB;
	border: solid 1px #ffa600;
	width:97%; 
	margin: 10px 0px 10px 0px;
	padding:5px 5px 5px 5px;
	position:relative;
}

.panel 
{
	position:relative;
}

#footer
{
	background-image:url(Images/footer.gif);
	background-repeat:no-repeat;
	background-position:left top;
	vertical-align:bottom;
	text-align:right;
	color:#666666;
	font-family:Arial, Tahoma, Verdana, helvetica, sans-serif;
	line-height:1.6em;
	font-size: 8pt;
	width:778px;
	height:40px;
	padding: 85px 22px 0px 0px;
	margin:0px 12px 0px 0px;
}

.heading
{
	color:#ffa600;
	font-family:Arial, Tahoma, Verdana, helvetica, sans-serif;
	font-size:12pt;
}

.divider 
{
	height:1px; 
	margin:5px 0px 5px 0px; 
	border-top:1px dotted #bba; 
	border-bottom:none; 
	border-left:none; 
	border-right:none;
}

.modalBackground {
	background-color:#999999;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:#999999;
	padding:3px;
}

.errormsg 
{
	background-color:#f7f6f3;
	border: solid 10px #f7f6f3;
	background-image:url(../../Images/icons/warning.gif);
	background-position:left top;
	background-repeat:no-repeat;
	
	min-height:50px;
	padding: 0px 0px 0px 70px;
	margin-bottom:10px;
}