﻿.tabs
{
	margin: 0;
	width: 100%;
    height: 42px;
	background-image: url(/_layouts/images/UsersDC/tabs.gif);
	background-repeat: repeat-x;
	color:#555;
	font-size:9pt;
	font-family:arial;
}


.tabnavigation{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #555;
	background-image: none;
	background-color: #FFF;
	vertical-align: bottom;
	padding: 0px 0px 0px 0px;
}

.tabcontent{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	border: 1px #494949 solid;
	background-color: #FFF;
}

#tabs ul.tabNavigation{
	margin: 0;
	list-style: none;
	width: 100%;
	background-color: transparent;
	color:#555;
	font-size:9pt;
	font-family:arial;
	padding: 3px 0px 0px 0px;
}

#tabs ul.tabNavigation li{
	float: left;
	padding: 0;
	margin: 0;
	background-image: url(/_layouts/images/UsersDC/right.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height:27px;
	background-color: transparent;
	padding: 0px 0px 0px 0px;
	color:#555;
	font-size:9pt;
	font-weight: normal;
	font-family:arial;
	text-align: center;

}

#tabs ul.tabNavigation a{
	background-image: url(/_layouts/images/UsersDC/left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	padding: 8px 15px 5px 15px;
	text-decoration:none;
	color: #555;
	font-weight: normal;
	font-size: 8pt;
}


#tabs ul.tabNavigation a span{
    padding: 0 10px;
}

.tabbedWindow{
    width: 99.9%;
    padding: 5px;
}

#tabs ul.tabNavigation a:hover{
	color: #555;
	text-decoration:none;
}

#tabs ul.tabNavigation a:hover.selected{
	color:#00c8ee;
	text-decoration: none;
}

a.button {
     background: transparent url('/_layouts/images/UsersDC/button_rigth.gif') no-repeat scroll top right;
     color: #444;
     display: block;
     float: left;
     font: normal 12px arial, sans-serif;
     height: 24px;
     margin-right: 6px;
     padding-right: 18px; 
     text-decoration: none;
 }

 a.button span {
     background: transparent url('/_layouts/images/UsersDC/button_left.gif') no-repeat;
     display: block;
     line-height: 14px;
     padding: 5px 0 5px 18px;
 }
 
 a.button:active {
     background-position: bottom right;
     color: #000;
     outline: none; /* hide dotted outline in Firefox */
 }

 a.button:active span {
     background-position: bottom left;
     padding: 6px 0 4px 18px; /* push text down 1px */
 }
  
 .linkbutton {
     background: transparent url('/_layouts/images/UsersDC/button_rigth.gif') no-repeat scroll top right;
     color: #444;
     display: block;
     float: left;
     font: normal 12px arial, sans-serif;
     height: 24px;
     margin-right: 6px;
     padding-right: 18px; 
     text-decoration: none;
 }

 .linkbutton span {
     background: transparent url('/_layouts/images/UsersDC/button_left.gif') no-repeat;
     display: block;
     line-height: 14px;
     padding: 5px 0 5px 18px;
 }
 
 .linkbutton:active {
     background-position: bottom right;
     color: #000;
     outline: none; /* hide dotted outline in Firefox */
     
 }

 .linkbutton:active span {
     background-position: bottom left;
     padding: 6px 0 4px 18px; /* push text down 1px */
     
 }
 

 .GridViewStyle
 {
    font-family: Arial, Sans-Serif;
    font-size:small;
    table-layout: auto;
    border-collapse: collapse;
    border:#999999 1px solid;
 }

 .HeaderStyle, .PagerStyle 
 {
    background-image: url(/_layouts/images/UsersDC/header.jpg);
    background-position:center;
    background-repeat:repeat-x;
    background-color:#fff;
    height: 18px;  
  
  }

.HeaderStyle th
{
    padding: 5px;
    color: #E7E7E7;
    font-weight: bold;
 }
.HeaderStyle a
{
    text-decoration:none;
    color:#E7E7E7;
    display:block;
    text-align:left;
    font-weight:normal;
}
.PagerStyle table
{
    text-align:center;
    margin:auto;
}
.PagerStyle table td
{
    border:0px;
    padding:5px;
}
.PagerStyle td
{
    border-top: #999999 1px solid;
}

.PagerStyle a
{
    color:#333;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border-top:solid 1px #fff;
    border-right:solid 1px #999;
    border-bottom:solid 1px #999;
    border-left:solid 1px #fff;
}
.PagerStyle span
{
    font-weight:bold;
    color:#333;
    text-decoration:none;
    padding:2px 10px 2px 10px;
}

.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td, .EmptyRowStyle td
{
   
}

.EmptyRowStyle 
{
   font-family: Verdana;
}

.LabelHeader 
{
    color: #636563;
    font-weight: bold;
}
.PagerNav table
{
    text-align:center;
    margin:2px 2px 2px 2px;
}
.PagerNav table td
{
    border:0px;
    padding:2px;
}
.PagerNav td
{
    border-top: #D8D8D8 1px solid;
}

.PagerNav a
{
    color:#808080;
    text-decoration:none;
    padding:1px 6px 1px 6px;
    border:solid 1px #D8D8D8;
}
.PagerNav span
{
    font-weight:bold;
    color:#808080;
    text-decoration:none;
    padding:1px 6px 1px 6px;
}

.modal-overlay  
{  
    position:fixed;  
    top:0;  
    right:0;  
    bottom:0;  
    left:0;  
    height:100%;  
    width:100%;  
    margin:0;  
    padding:0;  
    background:#fff;  
    opacity:.75;  
    filter: alpha(opacity=75);  
    -moz-opacity: 0.75;  
    z-index:101;  
}  
.modal-window  
{  
    position:fixed;  
    top:50%;  
    left:50%;  
    margin:0;  
    padding:0;  
    z-index:102;  
}  
.close-window  
{  
    position:absolute;  
    width:32px;  
    height:32px;  
    right:8px;  
    top:8px;  
    background:transparent url('/_layouts/images/WNDCLOSE.PNG') no-repeat scroll right top;  
    text-indent:-99999px;  
    overflow:hidden;  
    cursor:pointer;  
    opacity:.5;  
    filter: alpha(opacity=50);  
    -moz-opacity: 0.5;  
}  
.close-window:hover  
{  
    opacity:.99;  
    filter: alpha(opacity=99);  
    -moz-opacity: 0.99;  
}

.custom-radio 
{ 
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(52, 139, 87);
    background-image: none;
    background-origin: padding-box;
    background-position: 0% 0%;
    background-repeat: repeat;
    background-size: auto;
    color: rgb(255, 255, 255);
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    width: 300px;
 }
 
 .custom-radio.selected 
 { 
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(33, 101, 61);
    background-image: none;
    background-origin: padding-box;
    background-position: 0% 0%;
    background-repeat: repeat;
    background-size: auto;
 } 
 
 
.button_blue, .button_gray { text-align: center; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; *display: inline; zoom: 1; line-height: 16px;}  
.button_blue input, .button_gray input { border:1px solid; background: none; font-size: 11px; margin: 0px; cursor: pointer; white-space: nowrap; outline: none; padding: 4px 14px 4px; *padding: 5px 14px 3px; font-family: tahoma, verdana, arial, sans-serif, Lucida Sans; overflow: visible;}  
.button_blue input::-moz-focus-inner,.button_gray input::-moz-focus-inner { border:0;}  
.button_blue { border: 1px solid #416796; background: #6485aa;}  
.button_blue input { border-top-color: #7c98ba; border-bottom-color: #5e80a9; border-left-color: #5e80a9; border-right-color: #5e80a9; color: #FFF; text-shadow:0 1px 0 #45688E; *border: 0; background: url('/_layouts/images/UsersDC/button_blue.png') #6181a6 repeat-x top; background-position: 0px -16px; *background-position: 0px -16px;}  
.button_blue input:hover { background-position: 0px -8px;}  
.button_blue input:active { background: #5e80a5; border: 1px solid #5e80a5;}  
.button_gray { border: 1px solid #b3b3b3; background: #e0e0e0;}  
.button_gray input {border-top-color: #ffffff;border-bottom-color: #e5e5e5;border-left-color: #e7e7e7;border-right-color: #e7e7e7;color: #444;text-shadow:0 1px 0 #ffffff;*border: 0;background: url('/_layouts/images/UsersDC/button_blue.png') #dddddd repeat-x top;background-position: 0px -54px;}  
.button_gray input:hover { background-position: 0px -46px;}  
.button_gray input:active {background: #dcdcdc;border: 1px solid #dcdcdc;}  
@media not screen and (1) {.button_blue input:active, .button_gray input:active {border: none;padding: 5px 15px 5px;}}