/* HTML Elements / Defaults
----------------------------------------------------------*/

a:hover {
  position: relative;
  cursor:pointer;
  color: #F90;
}

a.dragClickable {
    background-color: inherit;
}

a:hover.dragClickable {
  position: relative;
  cursor:pointer;
  color:inherit;
}

/* Headers
----------------------------------------------------------*/

.header {
    position: relative;
    margin: 0px;
    width: 100%;
    height: 64px;
    border-bottom: 1px solid #777;
    background-image: url(../../img/hdr/cls/header.png);
	background-position: left bottom;
	overflow:hidden;
}

.header_sml {
	width: 100%;
	height: 56px;
	background: url(../../img/hdr/cls/header_sml.png);
	background-repeat: no-repeat;
}

.header img {
	border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    overflow:hidden;
}

/* Tabs
----------------------------------------------------------*/

.tabSelected {
    color: #F90;
    font-weight:bold;
}


/* Buttons  
----------------------------------------------------------*/

.button_HL {
	border: solid 1px #999;
	color: #F89A0A;
	background-color: #EEE;
	background-image: url(../../img/hdr/cls/box_title_results.png);
	background-repeat: repeat-x;
	background-position: bottom;
	cursor:default;
	font-size:11px;
	font-weight:bold;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.button_P {
	border: solid 1px #999;
	color: #F89A0A;
	background-color: #EEE;
	background-image: url(../../img/hdr/cls/box_title_results_inv.png);
	background-repeat: repeat-x;
	background-position: top;
	cursor:default;
	font-size:11px;
	font-weight:bold;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}


/* Drag and Drop
----------------------------------------------------------*/

.dragOver{
	height: 25px;
	background-color: #F90;
}

table tr.dragOver td {	
	background-color: #F90;
}

.dragOverOutline {
	box-shadow: 0 0 5px #F90 inset;
}

/* PROJECT CUSTOM ACTION MENU */

/* Action Menu Container */
.projectCustomActionMenuContainer {
    display:block;
    width:200px;
    height:0px;
    position:absolute;
    overflow:hidden;
}

/* Action Menu Body*/
.projectCustomActionMenu {
    background-color: #EEEEEE;
    border: 3px solid #F89A0A;
    border-radius: 10px 10px 10px 10px;
    color: #000000;    
    padding: 10px;
    position: relative;
    text-align: center;
    width: 140px;
    max-width: 140px;
    z-index: 2100;  
    top:20px;
}

/* Inner Triangle */
.projectCustomActionMenu:after{
    content: "";
    border-color: #EEEEEE transparent;
    border-style: solid;
    border-width: 0px 20px 20px 20px;
    content: "";
    display: block;
    left: 57.5%;
    position: absolute;
    top: 20px;
    width: 0px;
    z-index: 2;
    margin-left: -29px;
    margin-top: -36px;
    border-bottom-width:18px;
}

/* Outer Triangle */
.projectCustomActionMenu:before {
    content: "";
    border-color: #F89A0A transparent;
    border-style: solid;
    border-width: 0px 23.5px 31.5px 23.5px;
    content: "";
    display: block;
    left: 56%;
    position: absolute;
    top: -1px;
    width: 0px;
    height:5px;
    z-index: 1;
    margin-left: -29px;
    margin-top: -26.5px;
    border-bottom-width: 22.5px;
}