/*
 *
 *Include the global site wide css neede to be included in here 
 *Added : 17-Sept 2010
 *
 */
 
 
.views-field-field-subtitle-value .field-content a {

 color: red;

}


/*
*
*
*TipTip css
*
*/
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #000;
	/*text-shadow: 0 0 2px #000; */
	padding: 4px 8px;
	/*border: 1px solid rgba(255,255,255,0.25);*/
	/*background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92); */

  /*FIX For IE :http://code.drewwilson.com/entry/tiptip-jquery-plugin */
  _background-color: black;
  background-color: white;
background-image: url(../../../ot3.opentracker.net/sites/all/themes/ot3/images/box-light-bg.html);
background-repeat: repeat-x;
border-color: white;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-style: solid;
border-width: 1px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
	/* background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#fff)); */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
/*	box-shadow: 0 0 3px #fff;
	-webkit-box-shadow: 0 0 3px #fff;
/	-moz-box-shadow: 0 0 3px #fff; */
}


#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: #fff;
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: white;
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: white;
	}
}


/* internet explorer fix for tiptp tooltip */
#tiptip_content{
_background-color: black;
}


/*
*
*
*Datatable DOM css
*
*/
/*
added 2010-07-24
all tooltips of the 
default for all tooltips
*/
body{
  font-family: Arial;
}

/* general id for all tooltips of plugin jquery.tooltip.js */
#tooltip {
  position: absolute;
  z-index: 9999999;
  border: 0px;
  padding: 5px;
  margin: 0;
  _width : 286px; /* apply width for windows system , or else the width shows a 100 % */ 
  display: block;
}

.ui-url-popup{
  height:100px;
  margin: 0px 0px 0px 0px;
  border: none;
  opacity: 0.95;
  width:470px;
  padding-left: 0px;
  border-left: 0px; 
  margin-left: 10px; 
  padding-top: 10px;
  padding-bottom: 10px;
}

.ui-url-image{
  border:blue;
  border-width: thick;
  display: block;
  padding-top: 20px; /* no effect */
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  margin-left: 0px; 
  border-left: 0px; 
  float:left; 
  height:100%; 
  width:160px; 
  padding:0; 
  margin:0;
  
}


.ui-url-image img {
  border-color: gainsboro;
  border-bottom-left-radius: 5px 5px;
  border-bottom-right-radius: 5px 5px;
  border-style: solid;
  border-width: 1px;
}





table.display thead th  {  /* overwriting themeroller ugly borders */                                                                                        
	border-left-style: none;                                            
	border-bottom-style: solid;                                            
	border-right-style: none;                                            
	border-top-style: none;                                            
	border-bottom-width: 1px;
}

table.display thead tr th {
	font-size:1em;
	padding: 5px;                                                                                                                                    
}


.dataTable  {
	border-color: #9F9F9F;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-top-style: none;
	border-width: 1px;
	width: 100%;
	border-collapse: inherit; /* overwriting for drupal */
}

.dataTable p {
margin: 0px;
}

.header {
	padding-left: 10px;
	padding-top: 5px;
}
.footer {
	font-size: 0.8em;
	padding-left: 10px;
	padding-top: 5px;
}

li em {
	font-style: normal;
	font-weight: normal;
	overflow: visible;
	float: left;
	width: 120px;
}

li b {
float: left;
	width: 150px;
	font-style: normal;
	font-weight: normal;
}

.rule {
  size: 1;
  clear: both;
}

/* visitor profile css */
.status-puppet img {
    height: 24px;
    width: 24px;
}


.ui-profile-container {
  width: 300px;  
  padding: 0;/* controls top and bottom padding of the box */
  margin: 0;
}

.ui-profile-flag {
  float: left; 
  padding-right: 8px;
  padding-bottom: 5px;
}




.ui-profile-content {
  width: 286px; /* 300px(widt of container) - 6 (padding left) - 6 padding right -2px; */
  font-size: 12px;
  line-height: 120%;
  /*background-color: #E6E6E6;*/
  
  /*
  padding:25px 50px 75px 100px;
    top padding is 25px
    right padding is 50px
    bottom padding is 75px
    left padding is 100px
  */

  padding: 6px 6px 5px 6px;/* controls top and bottom padding of the box */
  margin:0;
  opacity: 0.95;
}

.ui-profile-header {
  
  font-weight: bold;
  text-align: center;
  padding-bottom: 5px;
  padding-top: 5px;
  margin: 0;

}

.ui-profile-footer {
  font-weight: normal;
  font-size: 12px;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 2px;
}

.ui-profile-referrer {
  display: table;
}

.ui-profile-referrer-hostname {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  margin: 0;
  padding: 0;
  float: left;
}

/*
  http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer-7.shtml
  http://www.webcredible.co.uk/user-friendly-resources/css/ie7-commands.shtml
  IE will not understand this
*/
html>/**/body .ui-profile-referrer-hostname {
  float: inherit;
}

.ui-profile-referrer-image {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  margin: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  float: left;
  padding-right: 7px;
  
}

/*
  http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer-7.shtml
  http://www.webcredible.co.uk/user-friendly-resources/css/ie7-commands.shtml
  IE will not understand this
*/
html>/**/body .ui-profile-referrer-image {
  float: inherit;
}



/*

The following css is used for the events (clickstreams) exclusively
All css is prepended with .ui-event-

for some documentation see:
http://www.ehow.com/how_4844373_columns-using-div-tags.html
http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/

*/

/*
  container for columns is needed to make padding work:
*/
.ui-event-container {
  height: auto; 
  padding: 0;
  margin: 0;
}

.ui-event-header, .ui-event-visit, .ui-event-pageview, .ui-event-referrer {
  white-space: nowrap;/* needed so that white space isnt added */
  overflow: hidden;
}

.ui-event-header {
  font-weight: bold;
  text-align: left;
/*  padding-bottom: 1px; controls top and bottom padding of the header */
  padding-top: 4px;
  padding-left: 15px;
  margin: 0;
}

.ui-event-col-header-1 {
  width: 13%;
  float:left;/* date */
}

.ui-event-col-header-2 {
  width: 7%;
  text-align: right;
  float:left;/* time viewed */
}

.ui-event-col-header-3 {
  width: 5%;
  text-align: center;
  float:left;/* icons */
}

.ui-event-col-3 img {
  padding-top: 19px;/* icons */
}

.ui-event-col-header-4 {
  width: 70%;
  min-width: 0;/* needed for IE to shrink */
}

.ui-event-rows-container {
  _width:100%;/* only seen by IE, needed for IE to shrink */
  padding: 0; /* controls inner paddings */
  margin: 0;
}

.ui-event-col-1 {
  width: 14%;
}


.ui-event-col-2 {
  width: 6%;
  text-align: right;
}


.ui-event-col-3 {
  width: 5%;
  text-align: center;
}

.ui-event-col-3 img {
  padding-top: 19px;
}

.ui-event-col-4 {
  width: 70%;
  min-width: 0;/* needed for IE to shrink */
}

.ui-event-visit div {
  border-top-color: #cccccc;
  border-left-style: none;
  border-bottom-style: none;
  border-right-style: none;
  border-top-style: solid;
  border-top-width: 1px;
  background-color: #ececec;
  padding-bottom: 0;
  padding-right: 0;
  font-weight: bold;
  /*background-color: #c9c9c9;*/
  padding-top: 8px;
  margin: 0;
line-height: 20px;
  /* the following combo works for Internet Explorer to shrink */
  float: left;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}

.ui-event-visit div.ui-event-col-1 {
  text-indent: 3px;
}

.ui-event-pageview div {
  /*background-color: #e6e6e6;*/
  border-top-color: #e1e4e4;
                                
  border-top-style: solid;
                                
  border-top-width: 1px;
                                
  padding: 0;
  margin: 0;
  line-height: 20px;
  /* the following combo works for Internet Explorer to shrink */
  float: left;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}

.ui-event-pageview div.ui-event-col-1 {
  text-indent: 6px;
}

.ui-event-referrer div {
  font-size: 80%;
  /*background-color: #e6e6e6;*/
  padding: 0;
  margin: 0;

  /* the following combo works for Internet Explorer to shrink */
  float: left;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}

.ui-event-referrer div.ui-event-col-1 {
  text-indent: 6px;
}

.ui-event-footer {
  font-weight: normal;
  font-size: 80%;
  padding: 0;
  padding-top: 3px;
  padding-bottom: 2px;
  clear: both; /* needed to make footer stick below */
  text-align: center;
}

/*
  We need to grab and use the id to override the default css for links 
*/

#clickstream a:link {
  text-decoration: none;
  color: #4b4dff;
}
#clickstream a:visited {
  text-decoration: none;
  color: #4b4dff;
}
#clickstream a:active {
  text-decoration: none;
  color: #4b4dff;
}
#clickstream a:hover {
  text-decoration: underline;
  color: #4b4dff;
}

.ui-event-container .ui-widget-content {
  _height: 100%;/* IE needs this for things to shrink */
}



/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       1.2.c.1
 * Browser:       Webkit 531.2
 * Browser group: cssA
 */
 

.dataTable.th,td {
 margin: 0;
 padding: 0;
}
.dataTable fieldset,img {
 border: 0;
}
.dataTable  {
 font-style: normal;
 font-weight: normal;
}
.dataTable  {
 list-style: none;
}
.dataTable caption,th {
 text-align: left;
}
.dataTable  {
 font-size: 100%;
 font-weight: normal;
}
.dataTable q:before,q:after {
 content: '';
}
.dataTable abbr,acronym {
 border: 0;
}
 /*html, body {
 height: 100%;
 margin: 0;
 padding: 0;
 width: 100%;
}*/



.dataTable  .css_clear {
 clear: both;
 height: 0;
 line-height: 0;
 visibility: hidden;
}
.dataTable  .css_right {
 text-align: right;
}
.dataTable .css_center {
 text-align: center;
}
/* general spacing */
.dataTable .css_spacing {
 margin-top: 0;
}

.dataTable .css_small {
 font-size: 75%;
 line-height: 1.45em;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

/*define table container */
#container {
 position:relative;
 z-index: 2;
}

.dataTables_processing {
 border: 1px solid #ddd;
 color: #999;
 font-size: 11px;
 left: 50%;
 margin-left: -125px;
 padding: 2px 0;
 position: absolute;
 text-align: center;
 top: 0px;
 width: 250px;
}

/* adjust the toolbar for fitting data */
.dataTable .fg-toolbar {
 /* top right bottom left = padding for the toolbar top/ bottom*/
 padding: 0px 6px 4px 6px;
}

/*define table header for table */
.dataTable th {
 cursor: default;
 padding: 3px 10px;
}

/*define table data */
.dataTable.display td {
 /* top right bottom left = padding for the toolbar top/ bottom*/
 padding: 3px 6px 3px 6px;
}

.dataTable a {
	text-decoration: none;
}

/*define centering for table data */
.dataTable td.center {
 text-align: center;
}
 
/* class that represents the total row */
.dataTable .totalRow {
 color: #711c1e;
 font-weight: bold;
}
.dataTable .totalRow td {
border-top: 1px solid black;
}


/*
 * jQuery UI specific styling for buttons
 */

/* ot-button is for the plus/ minus sign */
.dataTable div#expand {
  display: table-cell;
  vertical-align: middle; /* the following will get the image to be vertically aligned in the middle */
  height: 100%;
  margin: 0;
  padding: 4px;
  float: left;
}

td. sorting_1 {
  display: table;
}

html>/**/body div#expand {
  float: inherit; /* needed for vertical align to work (but IE doesnt respect it) */
}


.dataTable .fg-button {
 cursor: pointer;
 margin: 0 1px 0 0;/* top right bottom left */
 position: relative;
 text-align: center;
 text-decoration: none !important;
 width: 16px;
 zoom: 1;
}

.dataTable .fg-button .ui-icon {
 position: absolute; /* icon center */
 top: 50%; /* move icon to the middle */
 margin-top: -8px; /* icon moves it up */
 left: 50%; /* move icon to the middle */
 margin-left: -8px; /* icon moves left right */
}


/* define progress bars in the table */
.dataTable .ui-progressbar{
width:100%;
height:15px;
}


/* define table cells holding numbers in the table */
.dataTable .number-class{
 font-size:12px;
 padding: 0;
 padding-bottom: 2px;
 padding-top: 1px;
}

/* define table cells holding icons in the table */
.dataTable .icon-class{
padding :0;
padding-bottom: 0px;
text-indent: 0;
font-size: 10px;
}

/* definiton for all data with class referrer inside the table */
.dataTable .referrer {
font-weight: bold;
font-size: 14px;
color: green;

}

/* definiton for all data with class exitlink inside the table */
.dataTable .exitLink {
font-weight: bold;
color: red;
}

/* definiton for all urls inside the table */
.dataTable .url {
font-size: small;
color: gray;
}

/* define the class align-center-class for center alignment of th 's and td's */
.dataTable .align-center-class {
vertical-align: center;
text-align: center;
}

/* define the class align-right-class for right alignment of th 's and td's */
.dataTable .align-right-class {

text-align: right;
}

/* define the class align-center-class for left alignment of th 's and td's */
.dataTable .align-left-class {


text-align: left;
}

/* styling extended tr's */
tr.extended-odd {
background-color: #eaeaea;

}
.extended-odd a, .extended-even a {
color: #535353;
text-decoration: none;
}
.extended-odd a:hover, .extended-even a:hover{
color: #141414;
}

/* give a fill color to the hr's (in drupal the colors hr s are hollow ) */
.hr-puppet-popup{
background-color: black;
color: black;
}