/*
print css
*/

/*
-------------------------------------------------------
body styles

-------------------------------------------------------
*/
BODY, TBODY {
font-family: arial;
font-size: 10pt;
margin:0;
color: #000000;
text-decoration: none;
}

BODY{
background-color: #FFFFFF;
}

a {
text-decoration: none;
color: #333333;
}

h3 {
text-decoration: none;
color: #000000;
font-size:12pt;
margin: 0;
}

.underline {
border-bottom: 1px solid #FFCD04;
}

.descrEl {
font-size: 11pt;
}

.noprint{display:none;}

/*
-------------------------------------------------------
logIn
-------------------------------------------------------
*/
.logIn{
color: #FFFFFF;
background-color: #5BC0EB;
background-image: url(/applications/teamwork/images/toolBarBgnd.gif);
background-repeat: repeat-y;
background-position: right top;
}
/*
-------------------------------------------------------
container styles
-------------------------------------------------------
*/

.containerTitle,
.containerTitle_1,
.containerTitle_2,
.containerTitle_Light,
.containerTitle_Thin,
.containerTitle_Warn {
font-size: 12pt;
font-weight: normal;
color: #000000;
background-color: #F6E267;
padding: 3px;
}
.containerTitle {
  /*height: 10px;*/
  font-weight: bold;
}
.containerTitle_1 {
  font-size: 10pt;
  height: 25px;
  font-weight: bold;
  color: #000000;
  background-color: #E5E5E5;
}

.containerTitle_2 {
  font-size: 10pt;
  font-weight: bold;
  color: #000000;
  background-color: #FFFFFF;
}

.containerTitle_Thin {
font-size: 8pt;
color: #000000;
font-weight: bold;
}

.containerTitle_Light {
font-size: 9pt;
font-weight: bold;
color: #000000;
background-color: #FFFFFF;
}

.containerTitle_Warn {
font-weight: bold;
background-color: #D30202;
}

.containerTitle a {
  text-decoration: none;
  color: #333333;
}
.containerTitle a:hover {
  text-decoration: none;
  color: #333333;
}

.containerContent,
.containerContent_1,
.containerContent_2,
.containerContent_Light,
.containerContent_Thin,
.containerContent_Warn {
background-color: #FFFFFF;

}

.containerContent_1{
border: 1px solid #000000;
}
.containerContent_2{
border: 1px solid #000000;
}

.containerContent_Light{
border: 1px solid #000000;
}

.containerContent_Warn {
border: 1px solid #D30202;
}

.box,
box_1,
box_2 {
  background-color: #EBEBEB;
}
.box_1 td {
  background-color: #E5E5E5;
  color: #000000;
  font-weight: bold;  
}
.box_2 {
  background-color: #C7C7C7;
}


/*
-------------------------------------------------------
button
-------------------------------------------------------
*/

.button, .buttonDisabled,  .button a  {
font-size: 8pt;
margin:0;
color: #000000;
}

.button a:hover  {
font-size: 8pt;
margin:0;
color: #F6E267;
}

.buttonDisabled a {
color: #909090;
}


.buttonArea {
 background-color: #EBEBEB;
 padding:5px;
}

/*
-------------------------------------------------------
table styles
-------------------------------------------------------
*/

.table {
  width:100%;
}

TH, .tableHeader {
font-weight: bold;
color: #000000;
border: 1px solid #C7C7C7;
background-color: #FFFFFF;
}

TH a {
  color: #333333;
}

.tableContent {
background-color: #FFFFFF;
}

.alternateTrue {
  background-color: #EBEBEB;
}
.alternateFalse {
 background-color: #FFFFFF;
}

.trOver {
  background-color: #D7D7D7;
}

.tableBackground{
background-color: #FFCD04;
}


/*
-------------------------------------------------------
toolbar
-------------------------------------------------------
*/

.toolBar{
color: #FFFFFF;
background-color: #FFCD04;
border-bottom: 1px solid #666666;

background-image: url(/applications/teamwork/images/yellowBlack/toolBarBgnd.gif);
background-repeat: no-repeat;
background-position: left top;
}

.toolBarElement{
color: #FFFFFF;
border-right: 1px solid #666666;
}

.toolbarContent{
color: #FFFFFF;
}

/*
-------------------------------------------------------
form elements
-------------------------------------------------------
*/
form {
    margin: 0;
    padding: 0;
}

select {
     font-family: courier new, courier;
border: 1px solid #cccccc;
font-size:8pt;
}

.formElements,
.paginator
{
font-family: courier new, courier;
border: 1px solid #cccccc;
padding: 2px 2px;
font-size:8pt;
}
.formElementsError {
border: 1px solid #ff0000;
background-color: #f0f0f0;
font-family: courier new, courier;
padding: 2px 2px;
font-size:8pt;
}
.formElementsWarning {
border: 1px solid #00cc00;
font-family: Arial;
padding: 2px 2px;
font-size:8pt;
 background-color: #00cc00;
 color:white;
}
.inputAlert{
	border: 1px solid #FF6600;

}
.formSearchLabel td{
 color:#000000;
}

.paginator {
  font-size:7pt;
  padding: 0px;
}

/*
-------------------------------------------------------
tab elements
-------------------------------------------------------
*/

.tabSelected{
font-weight:bold;
border-bottom:1px solid #ffffff;
}
.tabUnselected {
color:#cccccc;
border-bottom:1px solid #cccccc;
opacity:.90;
-khtml-opacity:0.5
filter: alpha(opacity=90);
}

.tabUnselected .tabImg{
opacity:.50;
filter: alpha(opacity=50);
}

.tabDisabled {
color:#333333;
border-bottom:1px solid #cccccc;
opacity:.4;
filter: alpha(opacity=40);
}

.tabDisabled .tabImg{
opacity:.30;
filter: alpha(opacity=30);
}

.tabDisabled td a{
color:#969696;
}

.tabUnselected td a {
color:#8F8F8F;
}
.tabContainer{
background-color: #FFFFFF;
border:1px solid #cccccc;
border-top: 0px solid #cccccc;
border-left: 1px solid #999999;
border-bottom: 1px solid #999999;
}

/*
-------------------------------------------------------
drag
------------------------------------------------------

*/
.draggable, .draggable td{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: black;
	border-bottom:none;
}

.draggableOver, .draggableOver td{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: gray;
	border-bottom:1px solid gray;
}

.droppingEl, .droppingEl td{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	opacity:.5;
  filter:alpha(opacity=50);
  border-bottom:1px solid gray;
}

.dragHandler{
	background-color: #E7E7E7;
	cursor:move;
	background-image: url(/commons/skin/print/images/grip.gif);
	background-position: left;
	background-repeat: repeat-y;
}