html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
img {
	border-style: none;
}

body {
  background-image:url('/images/orange.png');
  color: #2a2d2e;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 62.5%;
  line-height: 13px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}
h1 {
	color: #669;
        font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 16px;
	letter-spacing: 0px;
	border-bottom: 1px solid #669;
	padding-bottom: 5px;
}
h2 {
	color: #6982B5;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
	border-bottom: 1px solid #939FB7;
	padding-bottom: 5px;
}
h4 {
	color: #AAAAAA;
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
	border-bottom: 1px solid #939FB7;
	padding-bottom: 5px;
}
h5 {
	color: #AAAAAA;
	font-size: 10px;
	font-weight: normal;
	line-height: 8px;
	border-bottom: 1px solid #939FB7;
	padding-bottom: 5px;
        align: left;
}
h10 {
	color: #669;
        font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 16px;
	letter-spacing: 0px;
	padding-bottom: 5px;
}
h11 {
	color: #669;
        font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
	letter-spacing: 0px;
	padding-bottom: 5px;
}
a,  a:link {
	color: #6982B5;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #196ECC;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #46526A;
	text-decoration: underline;
}
a:focus {
	color: #13399D;
}
a:active {
	color: #13399D;
}
#background-images
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	margin: 0px;
	width: 257px;
	text-align: left;
	border-collapse: collapse;
	background: url('/lib/skins/crystalva33/table-images/blurry.jp')  no-repeat;
}
#background-images th
{
	padding: 12px;
	font-weight: normal;
	font-size: 14px;
	color: #339;
}
#background-images td
{
	padding: 3px 12px;
	color: #669;
	border-top: 1px solid #fff;
}
#background-images tfoot td
{
	font-size: 11px;
}
#background-images tbody td
{
	background: url('/lib/skins/crystalva33/table-images/back.png');
}
* html #background-images tbody td
{
	/* 
	   ----------------------------
		PUT THIS ON IE6 ONLY STYLE 
		AS THE RULE INVALIDATES
		YOUR STYLESHEET
	   ----------------------------
	*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='table-images/back.png',sizingMethod='crop');
	background: none;
}	
#background-images tbody tr:hover td
{
	color: #339;
	background: none;
}
#outerWrapper {
	margin: 0 auto 20px;
	text-align: left;
	width: 920px;
	background: #fff url(images/content-bg.png) repeat-y left 13px;
}
#outerWrapper #header {
	font-size: 18px;
	font-weight: bold;
	line-height: 15px;
	padding: 0px 10px;
	height: 228px;
	background: url(images/header-bg.png) no-repeat left top;
}
#outerWrapper #topNavigation {
	height: 30px;
	padding: 0 0px;
	background: url(images/navbg.png) repeat-x center;
	margin-right: 20px;
	margin-left: 20px;
}
#outerWrapper #contentWrapper #leftColumn1 {
	float: left;
	padding: 0px;
	width: 158px;
        height:696px;
}
#outerWrapper #contentWrapper #rightColumn1 {
	float: right;
	padding: 0px 0px 0px;
	width: 162px;
}
#outerWrapper #contentWrapper #content {
	margin: auto;
	padding: 6px;
        width: 516px;


}
#outerWrapper #contentWrapper .clearFloat {
  clear: both;
  display: block;
}

#outerWrapper #footer {
	padding: 10px 30px 0px;
	background: url(images/footer-bg.png) no-repeat left top;
	height: 75px;
	color: #FFFFFF;
	text-align: center;
}
#leftColumnContent {
	padding: 20px 0px 10px;
	width: 138px;
}
#outerWrapper #contentWrapper {
	padding-right: 25px;
	padding-left: 25px;
        height: auto;
}
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 555px; /* ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
        background-repeat:repeat-y;
	font-size: 100%;
        align: left;
}
.boxhead {
	background: url(images/sbhead-r.gif) no-repeat top right;
        background-repeat:repeat-y;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(images/sbhead-l.gif) no-repeat top left;
        background-repeat:repeat-y;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
        background-repeat:repeat-y;
	margin: 0;
	padding: 5px 30px 31px;

}
#leftColumn1 ul, #rightColumn1 ul {
	margin: 0px;
	padding: 10px 0px 20px;
}
#leftColumn1 ul li, #rightColumn1 ul li {
	list-style: none;
	display: inline;
}#leftColumn1 ul li a, #rightColumn1 ul li a {
	display: block;
	padding: 4px 4px 4px 10px;
	background: url(images/li-dot.gi) no-repeat left top;
	border-bottom: 1px solid #E0E0E0;
}
#leftColumn1  ul li a:hover,#rightColumn1 ul li a:hover {
	background: #F0F1F4 url(images/li-dot.gi) no-repeat left top;
	text-decoration: none;
}
.fltlft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.fltrt {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
#content ul li {
	margin-bottom: 5px;
}
#content blockquote {
	border-left: 5px solid #BAC2D1;
	margin-left: 15px;
	background: #ECEEF2;
	padding: 5px 10px;
	margin-right: 15px;
}

#content blockquote blockquote {
	background: #F8F9FA;
}


.sidebarlt {
	background: #;
	padding: 0px;
	border: 0px solid #C6CCD9;
}
.sidebardk {
	color: #FFFFFF;
	background: #7786A4;
	border: 1px solid #556481;
	padding: 6px;
}
.sidebardk a, .sidebardk a:hover, .sidebardk a:visited, sidebardk a:active {
	color: #FFFFFF;
}

#footer a, #footer a:hover, #footer a:visited, #footer a:active {
	color: #FFFFFF;
}
#credit {
	text-align: center;
	background-image:url('images/spacer.png');
	color: #FFFFFF;
}
#credit a, #credit a:hover, #credit a:visited, #credit a:active, #credit a:focus {
	color: #FFFFFF;
}













.indent 
{
	padding-left: 32px;
}


/* moodalbox CSS */

div#mb_overlay
{
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

div#mb_center, div#mb_bottom
{
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #DDD;
}

div#mb_center
{
	background-color: #FFF;
}

div#mb_contents
{
	width: 400px;
	height: 400px;
	border: 10px solid #DDD;
	overflow: auto;
	background-color: #FFF;
	visibility: hidden;
}

.mb_loading
{
	background: #DDD url(lib/images/loading.gif) no-repeat center center;
}

#mb_error
{
	font-size: 1.2em;
	color: #CD0000;
	font-weight: bold;
	text-align: center;
	padding: 0.5em;
	font-family: Verdana, Helvetica, sans-serif;
}

#mb_error em
{
	font-size: 0.8em;
}

div#mb_bottom
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #DDD;
	border-top-style: none;
}

a#mb_close_link
{
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(lib/images/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

div#mb_caption
{
	margin-right: 71px;
}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: absolute;
    top: 5%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
	text-align: left;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(6 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}


/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(/lib/skins/crystalva33/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
#background-image
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	margin: 0px;
	width: 690px;
	text-align: left;
	border-collapse: collapse;
	background: url('/lib/skins/crystalva33/table-images/blurry.jp')  no-repeat;
}
#background-image th
{
	padding: 12px;
	font-weight: normal;
	font-size: 14px;
	color: #339;
}
#background-image td
{
	padding: 3px 12px;
	color: #669;
	border-top: 1px solid #fff;
}
#background-image tfoot td
{
	font-size: 11px;
}
#background-image tbody td
{
	background: url('/lib/skins/crystalva33/table-images/back.png');
}
* html #background-image tbody td
{
	/* 
	   ----------------------------
		PUT THIS ON IE6 ONLY STYLE 
		AS THE RULE INVALIDATES
		YOUR STYLESHEET
	   ----------------------------
	*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='table-images/back.png',sizingMethod='crop');
	background: none;
}	
#background-image tbody tr:hover td
{
	color: #339;
	background: none;
}

.round-a-gray{
background:#444444 url(images/contentbox/round_gray-left.png) left top no-repeat;
color:#FFFFFF;
text-align:center;
}
.round-a-gray div{
background:url(images/contentbox/round_gray-right.png) right bottom no-repeat;
padding:4px;
}

.round-a-red{
background: #CC0000 url(images/contentbox/round_red-left.png) left top no-repeat;
color:#FFFFFF;
text-align:center;
}
.round-a-red div{
background:url(images/contentbox/round_red-right.png) right bottom no-repeat;
padding:4px;
}

.round-a-green{
background:#444444 url(images/contentbox/round_green-left.png) left top no-repeat;
color:#FFFFFF;
text-align:center;
}
.round-a-green div{
background:url(images/contentbox/round_green-right.png) right bottom no-repeat;
padding:4px;
}
.round-a-gray a:link {
	colour: #F87217;
	text-decoration: none;
}
#error
{
	border: 1px solid #008020;
	background: #FF0000;
	padding: 4px;
	text-align: center;
	width: auto;
}
#success
{
	border: 1px solid #008020;
	background: #D8FFCC;
	padding: 4px;
	text-align: center;
	width: auto;
}


div#itemhead {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
font-family:verdana;
background:transparent url(http://linkvirtual.info/images/contentbox/top.png) no-repeat scroll left top;
color:#FFFFFF;
font-weight:bold;
height:17px;
padding-left:0px;
padding-top:3px;
align:center;
}

div#itemmid {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://linkvirtual.info/images/contentbox/middle.png) repeat-y scroll left center;
padding-left:0px;
padding-right:10px;
padding-top:2px;
align:center;
}

img#sidefoot {
margin-bottom:20px;
align=center;
}

.popUp { 
position: absolute;
top: 1000px;
left: 200px;
text-align: center;
padding: 5px;
border: 1px solid black;
background: white; 
}
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }
}