/* CSS Document */


img
{
	border:0;
}



/*user area*/

.hover_row
{
	border:	#CCCCCC dashed 1px;
	
}

.hover_row:hover
{
	background-color:#999999;
	color:#FFFFFF
}

.hover_row:hover a
{
	color:#fff
}

#sub_wrapper
{
	margin:0 auto;
	padding:0;
	text-align:left;
	width:800px;
	text-align:center; 
	border:1px dashed #999999; 
	margin-top:50px; 
	padding:50px;
	background-color:#FFFFFF;
	text-align:left;
	color:#666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

.item
{
	width:300px;
	padding:10px;
	background-color:#996666;
	border: 1px solid #CCCCCC;
	color:#FFFFFF;
	margin:10px;
	text-transform:capitalize;
}

.item:hover
{
	background-color:#993366;
}	

.item ul
{
	list-style:none;
	margin-right:5px;
	
}

.item ul li a
{
	color:#FFF;
	text-decoration:none;
}

.item a
{
	color:#FFF;
	text-decoration:none;
}

.item a:hover
{
	color:#CCCCCC;
	text-decoration:none;
	/*margin-left:5px;*/
}



/*greyBox style*/

#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; }

#outer {height: 400px; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */


#control
{
	width:350px; 
	height:450px;  
	background-repeat:no-repeat; 
	background-image:url(../images/panel_back.png); 
	position:absolute; 
	left:300px; 
	top:100px; 
	padding:15px; 
	overflow:none;
	font-size:13px;
	visibility:hidden;
}

#control .subgroup
{
	width:320px;
}

#control .subgroup .left
{
	width:180px;
	float:left;
	padding-left:5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333333;	
	
}	

#control .subgroup .right
{
	width:100px;
	float:left;
	padding-left:15px;
}	

#control h1,h2,h3,h4,h5
{
	color:#333;
}

#control a
{
	color:#990000;
}

#control hr
{
	width:80%;
}

#control h3
{
	text-align:center;
	font-size:18px;
}

#control h4
{
	text-decoration:underline;
}