/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */

a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}
			
.holder {
	float: left;
	margin: 2px;
}

.scroll-pane {
	width: 1000px;
	height: 670px;
	overflow: auto;
	background: #383838;
	float: left;
}

.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 400px;
}

#pane1 {
}
#pane2 {
	width: 766px;
	height: 344px;
	float: left;
	position: relative;
}
UL#pane2-scroll-targets{
	clear:both;
	font-weight:bold;
	list-style:none;
	padding:0px;
	margin:0px;
}
UL#pane2-scroll-targets LI A, UL#pane2-scroll-targets LI A:active{
	padding:0px 5px;
	color:#000000;
	text-decoration:none;
}
UL#pane2-scroll-targets LI A:hover{
	color:#696969;
}
#subPen1 IMG, #subPen2 IMG{
	width: 370px;
	height: 344px;
}
#subPen1{
	width:370px;
	float: left;
}
#subPen2{
	width:370px;
	float: right;
}
#pane3 {
	height: 190px;
}
#pane4 {
	height: 190px;
}

/*************** BEGIN Styles for Dropdown menu ******************/
.cameraSelections {float: left; position: relative; width:748px; background-color:#383838;}
.cameraSelections #cameraOneSelection {float: left;}
.cameraSelections #cameraTwoSelection {float: right;}

.dd {
	/*display:inline-block !important;*/
	text-align:left;
	background-color:#EAEAEA;
	font-family:Helvetica;
	font-size:13px;
	float:left;
}
.dd .ddTitle {
	background:#383838;
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #383838;
	padding:2px 2px 2px 5px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:16px;
}
.dd .ddTitle span.arrow {
	background:url(../images/dropdown_arrow.png) no-repeat 0 0; float:right; display:inline-block;width:16px; height:16px; cursor:pointer;
}

.dd .ddTitle span.textTitle {text-indent:1px; overflow:hidden; line-height:16px;}
.dd .ddTitle span.textTitle img{text-align:left; padding:0 2px 0 0}
.dd .ddTitle img.selected {
	padding:0 3px 0 0;
	vertical-align:top;
}
.dd .ddChild {
	position:absolute;
	border:1px solid #c3c3c3;
	border-top:none;
	display:none;
	margin:0;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#EAEAEA;
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {
	display:block;
	padding:3px 0 3px 3px;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}
.dd .ddChild a:hover {
	background:#272727;
	color:#FFFFFF;
	
}
.dd .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
}
.dd .ddChild a.selected {
	background:#ABABAB;
	color:#FFFFFF;
	
}
.hidden {display:none;}

/*************** END Styles for Dropdown menu  ******************/

/*************** BEGIN Thickbox Style ******************/
.thickboxLinkShow { clear:both; width:770px; text-align:right;}
.thickboxLinkShow A, .thickboxLinkShow A:active { text-decoration:none; font-weight:bold; color:#FFFFFF; display:block; padding:5px; }
#termsAndConditionsContent {display:none;}
/*************** END Thickbox Style ******************/

select.msDropdown {background-color: #ABABAB; color:#000; border:2px solid #393839;}