﻿.wrapper
{
	width: 890px;
	background: red; /*#FFFFFF;*/
	/*margin: 0 auto;	*/
	height: 100%;
}

/*.header
{
	background: url("Images/headerBg.gif") no-repeat;	
}*/

/*.header a
{
	display: block;
	width: 870px;
	height: 120px;
}*/

#leftShadow
{
	padding: 0;
	background: transparent url(Images/mainBgLeftShadow.gif) no-repeat;
	width: 20px;
	height: 800px;
}

#rightShadow
{
	padding: 0;
	background: transparent url(Images/mainBgRightShadow.gif) no-repeat;
	width: 20px;
	height: 800px;
}

}
.item img {
	opacity:0;
}
.center
{
	width: 955px;
	margin: 0 auto;
}

.menuItem
{	
	height: 30px;	
	/*border-right: solid 1px #FFFFFF;*/
}

.menuItem a
{
	font-size: 11px;
	font-weight: bold;
	color: #CCCCCC;	
}

.menuItemSeparator
{
	background: url(Images/menuSeparator.gif);
	width: 1px;
	height: 30px;
	
	margin-top: -6px;
}

.menuItemWrapper
{	
	height: auto;	
}

.menuHover
{	
	background: url(Images/menuBgActive.gif) repeat-x !important;    
    min-height: 30px !important;
    margin-top: -6px !important;
    padding-top: 6px !important;    
    padding-left: 0px !important;
}

.menuHover a
{
	color: #FFFFFF;
	text-decoration: none;
}

.menuHover a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

.menuBg
{
	background: url("Images/menuBg.gif") repeat-x;
}

.menuHeight
{
	height: 30px;
}

.menuHeight .padding
{
	padding-left: 10px;
	padding-top: 6px;
}

.paddingMenuRight
{
	padding-right: 10px;
}

.paddingMenuLeft
{
	padding-left: 10px;
}

.paddingMenuTop
{
	padding-top: 2px;
}

.footer
{
	border-top: solid 3px #124578;
	padding-top: 10px;
}

.footerText
{	
	font-size: 10px;
}

.minHeight500
{
	height: auto !important;
	height: 500px; /* !important;*/
	min-height: 500px;
}

.grayText
{
	color: #666666;
	font-weight: bold;
}

.grayText a
{
	color: #666666;
	font-weight: bold;
}

.TreeViewItem
{	
	height: 30px;	
	width: 200px;
	background: url(Images/lineDottedHorisontal.gif) repeat-x bottom;
	/*border-bottom: dotted 1px #CCCCCC;*/
}

.TreeViewItem a
{
	background: none;
}

.TreeViewItem2
{	
	height: 30px;
	width: 200px;
	padding-left: 5px;	
	background: url(Images/lineDottedHorisontal.gif) repeat-x bottom;
}

.TreeViewItem2 a
{
	background: none;	
}

.TreeViewItem3
{	
	height: 30px;
	width: 200px;
	padding-left: 10px;	
	background: url(Images/lineDottedHorisontal.gif) repeat-x bottom;
}

.TreeViewItem3 a
{
	background: none;	
}

.TreeViewItemSelected a
{
	/*text-decoration: underline;*/
	font-weight: bold;
	color: #666666;
}

.borderBottomDotted
{
	border-bottom: dotted 1px #CCCCCC;	
}

.lineDottedVertical
{
	height: 100%;
	background: url(Images/lineDottedVertical.gif) repeat-y;
}

.rightDottedBorderBg
{
	background: transparent url(Images/lineDottedVertical.gif) repeat-y;	
	background-position: right;
}

.leftPaddedDottedBorderBg
{
	background: transparent url(Images/lineDottedVertical.gif) repeat-y;	
	/*background-position: 20px 0;*/
	background-position: 10px 0;
}

.leftPaddedDottedBorderBg2
{
	background: transparent url(Images/lineDottedVertical.gif) repeat-y;	
	/*background-position: 20px 0;*/
	background-position: 20px 0;
}

.leftDottedBorderBg
{
	background: transparent url(Images/lineDottedVertical.gif) repeat-y;	
	background-position: left;
}

.rightDottedBorderCenteredBg
{
	background: transparent url(Images/lineDottedVertical.gif) repeat-y;
	
	background-position: center;
}


.redBg
{
	background-color: Red;
}

.span-690
{
	width: 650px;
	float: left;
}

.span-220
{
	width: 220px;
	float: left;
}

.blueText
{
	color: #003366;
}

.blueText a
{
	color: #003366;
}

select
{
	width: 150px !important;
}

textarea
{
	font-family: Arial;
	font-size: 13px;	
	
	width: 150px !important;
}

input[type="text"]
{	
	width: 150px !important;
}

.gridView
{
	/*border: solid 1px #FFFFFF !important;*/
}

.borderBottom
{
	border-bottom: solid 1px #CCCCCC;
}

#tabContainer 
{
    width: 172px;
    margin-left: -158px;
    position: absolute;
    top: 120px;
    /*position: relative;*/
    z-index: 99;
}

#tabHandle 
{
    background-color: #fff;
    width: 32px;
    height: 130px;
    float: left;
    margin-right: -3px;    

    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;    
    
    -moz-box-shadow: -3px 0px 3px #ccc;
    -webkit-box-shadow: -3px 0px 3px #ccc;
    box-shadow: -3px 0px 3px #ccc;

    position: relative;
    z-index: 999;

    cursor: pointer;
}

#tabHandleText     
{
    margin-top: 15px;    
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg);
    writing-mode: tb-rl;
    /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
    color: #9c9c9c;
    font-weight: bold;    
}

#tabContent 
{
    background-color: #fff;
background-image: linear-gradient(left , rgb(255,255,255) 63%, rgb(255,255,255) 95%, rgb(239,239,239) 100%);
background-image: -o-linear-gradient(left , rgb(255,255,255) 63%, rgb(255,255,255) 95%, rgb(239,239,239) 100%);
background-image: -moz-linear-gradient(left , rgb(255,255,255) 63%, rgb(255,255,255) 95%, rgb(239,239,239) 100%);
background-image: -webkit-linear-gradient(left , rgb(255,255,255) 63%, rgb(255,255,255) 95%, rgb(239,239,239) 100%);
background-image: -ms-linear-gradient(left , rgb(255,255,255) 63%, rgb(255,255,255) 95%, rgb(239,239,239) 100%);

    background-image: -webkit-gradient(
                                      linear,
                                      left bottom,
                                      right bottom,
                                      color-stop(0.63, rgb(255, 255, 255)),
                                      color-stop(0.95, rgb(255, 255, 255)),
                                      color-stop(1, rgb(239, 239, 239))
);
     float: left;
     width: 139px;

    -moz-box-shadow: -3px 0px 3px #ccc;
    -webkit-box-shadow: -3px 0px 3px #ccc;
    box-shadow: -3px 0px 3px #ccc;

    position: relative;
    z-index: -1;       
    
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;     
}

#tabIcon { margin-left: 3px; margin-top: 3px;}

#leftShadow
{
	padding: 0;
	background: transparent url(Images/mainBgLeftShadow.gif) no-repeat;
	width: 20px;
	height: 800px;

    position: relative;
    z-index: -1;
}

#rightShadow
{
	padding: 0;
	background: transparent url(Images/mainBgRightShadow.gif) no-repeat;
	width: 20px;
	height: 800px;
}

