/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto; width:0; height:0;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#7B869A;}

#colorbox{}
	#cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) top left no-repeat;}
	#cboxTopCenter{height:14px; background:url(images/borderHorizontal.png) top left repeat-x;}
	#cboxTopRight{width:14px; height:14px; background:url(images/controls.png) top right no-repeat;}
	#cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) bottom left no-repeat;}
	#cboxBottomCenter{height:43px; background:url(images/borderHorizontal.png) bottom left repeat-x;}
	#cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) bottom right no-repeat;}
	#cboxMiddleLeft{width:14px; background:url(images/borderVertical.png) top left repeat-y;}
	#cboxMiddleRight{width:14px; background:url(images/borderVertical.png) top right repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:5px;}
		#cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
                #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#949494;}
                #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#949494;}
                
                #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
                #cboxPrevious{left:0px; background-position: -14px -23px;}
                #cboxPrevious.hover{background-position:-14px 0px;}
                #cboxNext{left:27px; background-position:-37px -23px;}
                #cboxNext.hover{background-position:-37px 0px;}
		#cboxClose{right:0; background-position:-60px -23px;}
		#cboxClose.hover{background-position:-60px 0px;}

                .cboxSlideshow_on #cboxSlideshow{background-position:-83px -0px; right:27px;}
                .cboxSlideshow_on #cboxSlideshow.hover{background-position:-106px -0px;}
                .cboxSlideshow_off #cboxSlideshow{background-position:-106px -23px; right:27px;}
                .cboxSlideshow_off #cboxSlideshow.hover{background-position:-83px -0px;}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
#mypagetop {
	width: 100%;
	background-color:#000000;
	border-bottom:#FFCC00 3px solid;
	padding-top:10px;
	position:fixed;
	z-index:1;
}
#myboxtop {
	width: 925px;
	margin: auto;
	text-align: left;
	background-color:#000000;
	background-image:url(images/ng-logo.gif);
	background-repeat:no-repeat;
	height:30px;
}
#mypagesubtop {
	width: 100%;
	background:#F0F0F0;
	height:47px;
}
#mypagesubtopban {
	width: 100%;
	height:80px;
}
#mypagesubtopbanbox {
	width: 925px;
	margin: auto;
	position:relative;
	height:80px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#333333;
	padding-top:25px;
}
#mypagesubtopmenu {
	width: 950px;
	/*background-color:#F7F7F7;*/
	background:#F0F0F0;
	height:20px;
	margin:auto;
	margin-bottom:10px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:20px;
	padding-right:50px;
	vertical-align:middle;
}
#mypagesubtopmenuin {
	width: 925px;
	height:20px;
	margin:auto;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:2px;
}
#mypagesubtopmenuarea {
	margin: auto;
	width:925px;
}
.mypagesubtopmenuarea-menu {
	width:100px;
	background:#999999;
	color:#FFFFFF;
	height:15px;
	padding-top:3px;
	text-align:center;
	margin-right:10px;
	float:left;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.mypagesubtopmenuarea-menu a{
text-decoration:none;
color:#FFFFFF;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
}
.mypagesubtopmenuarea-menuright {
	width:100px;
	/*background:#999999;*/
	color:#000000;
	height:15px;
	padding-top:3px;
	text-align:center;
	margin-right:10px;
	float:right;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.mypagesubtopmenuarea-menuright a{
text-decoration:none;
color:#000000;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
}
#mypagebody {
	width: 980px;
	height:500px;
	margin: auto;
}
#mypagebody2 {
	width: 1000px;
	height:625px;
	margin: auto;
	position:relative;
}
#mypagebodyleft {
	width: 300px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.10em;
	padding:0 0 0 38px;
}
#mypagebodyleft2 {
	width: 900px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.15em;
	padding:0 0 0 38px;
	position:relative;
}
#mypagebodyleft3 {
	width: 425px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.10em;
	padding:0 0 0 38px;
}
#mypagebodymid {
	width: 1px;
	float:left;
	height:500px;
	margin-left:30px;
	background:url(images/line.jpg) no-repeat;
}
#mypagebodyright {
	width: 600px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
}
#mypagebodyright2 {
	width: 450px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	padding-top:30px;
}
#mypagebodyright3 {
	width: 445px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	padding-top:20px;
	text-align:center;
	padding-top:100px;
}
#mypagebodyright4 {
	width: 535px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
}
#mypagebodysub {
	width: 100%;
}
#mypagefoot {
	width: 100%;
	height:20px;
	background:#000000;
	color:#FFFFFF;
	text-align:center;
	padding-top:5px;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	bottom:0px;
	position:fixed;
	border-top:#FFCC00 3px solid;
}
#mypagefoot a{
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
}
.mytextbox {
border:#CCCCCC 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px;
}
.mygallery {
font-family:Arial, Helvetica, sans-serif;
font:Arial, Helvetica, sans-serif;
font-size:10px;
}
.asterisk {
color:#FF0000;
font-size:12px;
}
.myframe {
margin:0 24px 0 24px;
background:url(images/frame.gif) no-repeat;
}
TEXTAREA{
font:Verdana, Arial, Helvetica, sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.welcometext{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.textinput{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
.mypassword{
border:#CCCCCC 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px;
color:#CCCCCC;
}
.mydate{
color:#666666;
}
.mytitle{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#666666;
}
.myselectbox{
background:#FFFFFF;
color:#000000;
border:0px;
font-size:11px;
}
.feature{
	padding: 0px 0px 5px 5px;
}
.feature img{
	float: left;
	padding: 0px 5px 0px 0px;
	margin: 0 3px 3px 0;
}
.ngi {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#666666;
}
.mid {
color:#333333;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.small {
color:#666666;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.small a{
color:#FF9900;
}

a.sample_attach, a.sample_attach:visited, div.sample_attach
{
text-align:left;
  display: block;
  width:   200px;

  padding: 2px 5px;

  text-decoration: none;
  font-family: Verdana, Sans-Sherif;
  color:#333333;
}

a.sample_attach, a.sample_attach:visited { border-bottom:#CCCCCC 1px solid;}
div#sample_attach_menu_child             { border-bottom: 0px solid black; background:#FFFFFF;}
