/*@charset "UTF-8";*/
/* CSS Document */

/* Box to show main content */
#centerbox600
{
    clear: both;
    margin: 0 0 0 0;
    background-color: #FFFFFF;
    width: 600px;
}
/* form the top of the center box */
#centerbox600 #centerbox600_top 
{
    clear: both;
    height: 25px;
    background: url(images/centertop.gif) repeat-y top left;
}
/* form the mid of the center box */
#centerbox600 #centerbox600_mid 
{
	display: block;
    clear: both;
    background: url(images/centermid.gif) repeat-y 0 0; /* extent the mid part in the y-direction */
    text-align: left;
}
/* form the sep line */
#centerbox600 #centerbox600_sep 
{
    clear: both;
    height: 25px;
    background: url(images/centersep.gif) no-repeat 0 0;
}
/* format the title for the top part */
#centerbox600 #centerbox600_top .title, #centerbox600 #centerbox600_sep .title, #centerbox600 #centerbox6003_top .title
{
    /* width: 600px; / * set to width of the centerbox600 */
    color: #303030;
    font-size: 19px;
    font-weight: bold;
    /* text-align: center; / * center based to the width above */
    padding: 10px 0 0 7px;
}
/* form the bottom of the center box */
#centerbox600 #centerbox600_btm 
{
    clear: both;
    height: 25px;
    background: url(images/centerbtm.gif) no-repeat 0 bottom;
}

/* Box to show long main content */
#centerbox
{
    clear: both;
    margin: 0 0 0px 0;
    background-color: #FFFFFF;
    width: 754px;
}
/* form the top of the center box */
#centerbox #centerbox_top 
{
    clear: both;
    height: 25px;
    background: url(images/longtop.gif) no-repeat 0 0;
}
/* form the mid of the center box */
#centerbox #centerbox_mid 
{
    clear: both;
    background: url(images/longmid.gif) repeat-y 0 0; /* extent the mid part in the y-direction */
}

/* format the title for the top part */
#centerbox #centerbox_top .title
{
    width: 754px; /* set to width of the centerbox600 */
    color: #303030;
    font-size: 19px;
    font-weight: bold;
    text-align: center; /* center based to the width above */
    padding: 10px 0 0 0;
    /*line-height: 2em;*/
}
/* form the sep line */
#centerbox #centerbox_sep 
{
    clear: both;
    height: 25px;
    background: url(images/longsep.gif) no-repeat 0 0;
}
/* form the bottom of the center box */
#centerbox #centerbox_btm 
{
    clear: both;
    height: 25px;
    background: url(images/longbtm.gif) no-repeat 0 bottom;
}

/* Color buttons */
#bluebutton
{
    clear: both;
    width: 90px;
    height: 25px;
    background: url(images/blue_button.jpg) no-repeat top left;
}
#grnbutton
{
    clear: both;
    width: 90px;
    height: 25px;
    background: url(images/grn_button.gif) no-repeat top left;
}
#redbutton
{
    clear: both;
    width: 90px;
    height: 25px;
    background: url(images/red_button.gif) no-repeat top left;
}

#bluebutton a, #grnbutton a, #redbutton a
{
    color: #FFFFFF;
    text-align: center;
    padding: 5px 0 0 0;
    display: block;
    text-decoration: none;
    font-weight: bold;
}
#bluebutton a:hover, #grnbutton a:hover, #redbutton a:hover
{
    color: #d0d0d0;
}

#redbtnsm
{
    width: 60px;
    height: 25px;
    background: url(images/redbtnsm.gif) no-repeat top left;
}
#redbtnsm a
{
    color: #FFFFFF;
    width: 50px;
    text-align: center;
    padding: 5px 0px 0 0;
    display: block;
    text-decoration: none;
    font-weight: bold;
}
#redbtnsm a:hover
{
    color: #c0c0c0;
}

/* Big download buttons used in download.htm */
#dlbutton_big
{
	text-align: left;
    display: block;
    margin: 0 0 0 0;
    width: 180px;
    height: 40px;
    background: url(images/dldemo.gif) no-repeat top left;
}
#dlbutton_big_sqr
{
    display: block;
    margin: 0 0 0 0;
    width: 180px;
    height: 40px;
    background: url(images/dldemo_big_sqr.gif) no-repeat top left;
}
#buybutton_big
{
	text-align: left;
    display: block;
    margin: 0 0 0 0;
    width: 180px;
    height: 40px;
    background: url(images/dlbuy.gif) no-repeat top left;
}
#dlbutton_med
{
	text-align: left;
    display: block;
    margin: 0 0 0 0;
    width: 143px;
    height: 40px;
    background: url(images/dldemo_en.gif) no-repeat top left;
}
#dlbutton_sqr
{
    text-align: left;
    display: block;
    margin: 0 0 0 0;
    width: 143px;
    height: 40px;
    background: url(images/dldemo_sqr.png) no-repeat top left;
}
#dlbetabutton_sqr
{
    text-align: left;
    display: block;
    margin: 0 0 0 0;
    width: 143px;
    height: 40px;
    background: url(images/dlbeta_sqr.png) no-repeat top left;
}
#buybutton_med
{
    text-align: left;
    display: block;
    margin: 0 0 0 0;
    width: 143px;
    height: 40px;
    background: url(images/dlbuy_en.gif) no-repeat top left;
}
#homebutton_med
{
    text-align: left;
    display: block;
    margin: 0 0 0 0;
    width: 143px;
    height: 40px;
    background: url(images/dlhome_en.gif) no-repeat top left;
}

#dlbutton_big a, #buybutton_big a, #dlbutton_big_sqr a
{
    display: block;
    color: #064ff9;
    width: 135px;
    height: 29px;
	padding: 11px 0 0px 45px;
    text-decoration: none;
    font-weight: bold;
	font-size: 13px;
}
#dlbutton_med a, #buybutton_med a, #homebutton_med a, #dlbutton_sqr a, #dlbetabutton_sqr a
{
    display: block;
    color: #064ff9;
    width: 100px;
    height: 29px;
    padding: 11px 0 0px 40px;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
}
#dlbutton_big a:hover, #buybutton_big a:hover, #dlbutton_med a:hover, #buybutton_med a:hover, #homebutton_med a:hover, #dlbutton_sqr a:hover, #dlbetabutton_sqr a:hover
{
    color: #d74900;
}


/* format/position elements for the left navigation bar */
#navbox
{
    margin: 0;
	padding: 10px 0 0 10px;
}
ul#navtab 
{
    margin: 0 0 0 0;                /* position the element relatively to the containting box */
    padding: 0 0 0 0;                /* position the elements inside this box.  Also increase the size of the box */
}
li#mainentry
{
    list-style-type: none;
    background: url(images/main_grey.gif) no-repeat top left;
    line-height: 2.8em;
    color: #000000;
    width: 166px;
    height: 35px;
    text-indent: 5px;
    display: block;
}
li#subentry
{
    list-style-type: none;
    background: url(images/sub_blue_blank.gif) no-repeat top left;
    line-height: 2em;
    color: #000000;
    width: 166px;
    height: 24px;
    text-indent: 10px;
    display: block;
}
li#subentrybuy
{
    list-style-type: none;
    background: url(images/sub_blue_buy.gif) no-repeat top left;
    line-height: 2em;
    color: #000000;
    width: 166px;
    height: 24px;
    text-indent: 10px;
    display: block;
}
li#subentrydl
{
    list-style-type: none;
    background: url(images/sub_blue_dl.gif) no-repeat top left;
    line-height: 2em;
    color: #000000;
    width: 166px;
    height: 24px;
    text-indent: 10px;
    display: block;
}
li#subentrynext
{
    list-style-type: none;
    background: url(images/sub_blue_next.gif) no-repeat top left;
    line-height: 2em;
    color: #000000;
    width: 166px;
    height: 24px;
    text-indent: 10px;
    display: block;
}
li#subentrylock
{
    list-style-type: none;
    background: url(images/sub_blue_lock.gif) no-repeat top left;
    line-height: 2em;
    color: #000000;
    width: 166px;
    height: 24px;
    text-indent: 10px;
    display: block;
}
li#subentryhelp
{
    list-style-type: none;
    background: url(images/sub_blue_help.gif) no-repeat top left;
    line-height: 2em;
    color: #000000;
    width: 166px;
    height: 24px;
    text-indent: 10px;
    display: block;
}
li#subentrychat
{
    list-style-type: none;
    background: url(images/sub_blue_chat.gif) no-repeat top left;
    line-height: 2em;
    color: #000000;
    width: 166px;
    height: 24px;
    text-indent: 10px;
    display: block;
}
li#subentryraid
{
    list-style-type: none;
    background: url(images/sub_blue_raid.gif) no-repeat top left;
    line-height: 2em;
    color: #000000;
    width: 166px;
    height: 24px;
    text-indent: 10px;
    display: block;
}
li#subentryxfer
{
    list-style-type: none;
    background: url(images/sub_blue_xfer.gif) no-repeat top left;
    line-height: 2em;
    color: #000000;
    width: 166px;
    height: 24px;
    text-indent: 10px;
    display: block;
}

li#subentry a, li#subentrybuy a, li#subentrydl a, li#subentrylock a, li#subentryhelp a, li#subentrychat a, li#subentryraid a, li#subentrynext a, li#subentryxfer a
{
    color: #064ff9;
    text-decoration: none;
    width: 166px;
    height: 24px;
    display: block;
    font-weight: bold;
/*font-family: Arial;*/
}
li#subentry a:hover, li#subentrybuy a:hover, li#subentrydl a:hover, li#subentrynext a:hover, li#subentrylock a:hover, li#subentryhelp a:hover, li#subentrychat a:hover, li#subentryraid a:hover, li#subentryxfer a:hover
{
    color: #d74900;
    text-decoration: none;
}

/* format an Unordered list with org dots */
ul#orgbox
{
    padding: 0 0 0 8px;
    margin: 0 0 0 8px;
}

ul#orgbox li
{
    padding: 2px 0;
    margin: 0 0 0 5px;
    list-style: url(images/orgdot.gif);
}

/* Floating layer */
#float_btm
{
    width: 100%;
    position: fixed;
    top: 150px;
    background: transparent;
}

/* Round corner box.  Variable size and color */
td#topleft
{
    width: 5px;
    height: 5px;
    background: url(images/topleft.gif) no-repeat 0 0;
}
td#topright
{
    width: 5px;
    height: 5px;
    background: url(images/topright.gif) no-repeat 0 0;
}
td#topmid
{
    height: 5px;
    background: url(images/topmid.gif) repeat-x 0 0;
}
td#midleft
{
    width: 5px;
    background: url(images/midleft.gif) repeat-y 0 0;
}
td#midright
{
    width: 5px;
    background: url(images/midright.gif) repeat-y 0 0;
}
td#midmid
{
    background: url(images/midmid.gif) repeat-y 0 0;
    text-align: left;
}
td#btmleft
{
    width: 5px;
    height: 5px;
    background: url(images/btmleft.gif) no-repeat 0 0;
}
td#btmright
{
    width: 5px;
    height: 5px;
    background: url(images/btmright.gif) no-repeat 0 0;
}
td#btmmid
{
    height: 5px;
    background: url(images/btmmid.gif) repeat-x 0 0;
}
/* Gradient green box top */
td#midleftgrn
{
    width: 5px;
    height: 40px;
    background: url(images/midleftgrn.gif) no-repeat 0 0;
}
td#midrightgrn
{
    width: 5px;
    height: 40px;
    background: url(images/midrightgrn.gif) no-repeat 0 0;
}
td#midmidgrn
{
    height: 40px;
    background: url(images/midmidgrn.gif) repeat-x 0 0;
    text-align: left;
}

/* Table with blue border (download.htm) */
td#blueborder
{
  border-collapse: collapse;
  padding: 5px;
  empty-cells:hide;
  white-space:nowrap;
  border: 1px solid #abc7ff;
}

/*Table with white border and blue cells*/
.tdwhiteborders
{
    padding: 10px;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
}


/* format an Unordered list with download icon as the bullet */
ul#dlbullet
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
ul#dlbullet li
{
    list-style-type: none;
    background: url(images/dlbullet.gif) no-repeat top left;
    color: #000000;
    height: 20px;
    text-indent: 20px;
    display: block;
}
ul#dlbullet li a
{
    padding: 2px 0 0 0;
    text-decoration: none;
    display: block;
}


/* Carry over from qt_main.css */
.boxhead 
{
    height: 30px;
    background: url(images/boxhead_bg.gif) center center repeat-x;
    text-indent: 10px;
    margin: 0;
    padding: 0;
    font-weight:bold;
}

.boxbody 
{
  text-indent: 10px;
  border: 1px solid #abc7ff;
}

/* row */
ul.pagerow
{
	width:950px;
}
ul.pagerow li
{
	list-style-type:none;margin:0;padding:0;
	margin-bottom:10px;
}
ul.pagerow li img{
	float:left;
	vertical-align:middle;
}


/*  Begin of Nav Menu Styles */

#QTNavBar
{
	width:100%;
	height: 30px;
	margin:0 auto 0 auto;
	background: url(/images/navbg.jpg) repeat-x;
}

/* Main menu box */
#QTNavBar ul 
{
	margin: 0;
	padding: 0;
	list-style: none;			
}

/* Main menu items*/
#QTNavBar ul li 
{
	float: left;
	width: 160px;
	height: 30px;
	position: relative;
	z-index:9999;
	
	background: url(/images/navbg3.jpg) no-repeat;
	padding-left: 2px;  /* So <a> background won't hide the vertical seperator */		
}

/* First menu item does not have a vertical seperator */
#QTNavBar ul li.first
{
	background: url(/images/navbg.jpg) no-repeat; 
	padding-left: 0;		
}

#QTNavBar li a
{
	padding: 7px 0 0 0;
	width: 100%;
	height: 23px;
	display: block;

	font-family:Arial, Verdana, Courier;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

#QTNavBar li a:hover
{
	background: url(/images/navbg2.jpg) repeat-x;
}	

/* Submenu box */
#QTNavBar ul li ul
{ 
	display: none;  /* normal state is hidden */
	position: absolute;
	width: 200px;
	padding: 0;
	margin: 0;
	margin-left: -1px;  /* compensate for the 2px in the <li> vertical seperator which is not used in the sub menu */

	border: 1px solid #ccc;
	list-style: none;

	border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	        
	-moz-box-shadow:0 2px 5px #DDDDDD;
	-webkit-box-shadow: 0 2px 5px #DDD;
	box-shadow: 0 2px 5px #DDD;	
}

/* Submenu item */
#QTNavBar ul li ul li
{ 
	float: left;
	position: relative;
	width: 100%;
	height: 30px;		
	background: #d6dff0;
	padding-left: 0;
	border-bottom: 1px solid #999; 
}

/* Submenu item link*/
#QTNavBar ul li ul li a
{ 
	padding: 7px 0 0 0;
	width: 100%;
	display: block;

	font-family: Arial, Verdana, Courier;
	text-align: left;
	text-indent: 5px;
	color: #000000;
}

#QTNavBar ul li ul li a:hover
{
	background: #bfc7d6;	
}
/*	End of Nav Menu styles */