/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url("/ClientScript/colorbox/colorbox-light-1/images/loading.gif") no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url("/ClientScript/colorbox/colorbox-light-1/images/controls.png") no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url("/Data/style/cluetip/wait.gif");
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url("/Data/style/cluetip/darrowleft.gif");
}
.clue-left-default .cluetip-arrows {
  background-image: url("/Data/style/cluetip/darrowright.gif");
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url("/Data/style/cluetip/darrowdown.gif");
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url("/Data/style/cluetip/darrowup.gif");
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url("/Data/style/cluetip/arrowleft.gif");
}
.clue-left-jtip .cluetip-arrows {
  background-image: url("/Data/style/cluetip/arrowright.gif");
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url("/Data/style/cluetip/arrowdown.gif");
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url("/Data/style/cluetip/arrowup.gif");
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url("/Data/style/cluetip/bl.gif") no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url("/Data/style/cluetip/tl.gif") no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url("/Data/style/cluetip/tr.gif") no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url("/Data/style/cluetip/br.gif") no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url("/Data/style/cluetip/rarrowleft.gif");
}
.clue-left-rounded .cluetip-arrows {
  background-image: url("/Data/style/cluetip/rarrowright.gif");
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url("/Data/style/cluetip/rarrowdown.gif");
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url("/Data/style/cluetip/rarrowup.gif");
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



div#toolbar, div#toolbarbut 
{
 position:fixed; 
  bottom: 0px;
  right: 0px;
  z-index: 99; 
  height: 36px;
  background-image: url("/Data/style/jqtoolbar/bcktool.jpg");
  
  /*
using a png caused issues in IE8
background-image: url("/Data/style/jqtoolbar/bcktool.png");
 
  */
  border-top: 1px solid #eee;
  border-left: 1px solid #eee; 
  border-right: 1px solid #eee;  
  
  /* CSS3 */
  -moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-khtml-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-box-shadow: 0px 1px 10px #666, inset 1px 1px 0px #a4a4a4; 
  -khtml-box-shadow: 0px 1px 10px #666;
  -webkit-box-shadow: 0px 1px 10px #666;
  /* CSS3 end */
  
  
	
}

div#toolbar {
  width: 90%;
  min-width: 800px; /* to limit the width when an excessive window resize */
  margin: 0px auto; /* centered toolbar */
  left: 0px;
}

div#toolbarbut { /* div for the 'hide status' */
  width: 60px;
  height: 15px;
  margin-right: 3%;
  display: none;
}

span.showbar a { /* show button */
  padding: 5px;  
  font-size: 10px;
  color: #555;
}

.toolbarleft{
  float: left; display:none;
}

.toolbarright 
{ white-space:nowrap;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left:10px;
  float: right;
  
  
}

/* for ipad fixed positioning is problematic */

/*
@media only screen and (device-width: 768px) { 
    div#toolbar, div#toolbarbut { position:static;  }
	
}
*/





/*-- Left Side --*/

ul#social li {
  display: inline;
}

#social { float: left;}

a.rss, a.facebook, a.twitter, a.digg, a.delicious, a.stumble {
  display: inline-block;
  width: 40px;
  height: 35px;        
  margin-top: 1px;
}

a.rss:hover, a.facebook:hover, a.twitter:hover, a.digg:hover, a.delicious:hover, a.stumble:hover {
  background-position: 1px 1px; /* simple css hover effect */
}

a.rss {
  background: url("/Data/style/jqtoolbar/rss.png") no-repeat;
}

a.facebook {
  background: url("/Data/style/jqtoolbar/facebook.png") no-repeat;
}

a.twitter {
  background: url("/Data/style/jqtoolbar/twitter.png") no-repeat;
}

a.delicious {
  background: url("/Data/style/jqtoolbar/delicious.png") no-repeat;
}

a.digg {
  background: url("/Data/style/jqtoolbar/digg.png") no-repeat;
}

a.stumble {
  background: url("/Data/style/jqtoolbar/stumble.png") no-repeat;
}

/*-- Right Side --*/

span.downarr { /* hide button */ 
  float: right;
  border-left: 1px solid #a4a4a4;
}

span.downarr a {
  display: block;
  width: 36px;
  height: 26px;
  padding: 25px 0 0 10px;
  background: url("/Data/style/jqtoolbar/downarrow.png") no-repeat 5px 7px;
}

#toolbar ul {
	margin:0;
	padding:0;
	list-style:none;
 
  
}

#toolbar a.adminlink ,
#toolbar a.adminlink:link ,
#toolbar a.adminlink:visited ,
#toolbar a.adminlink:hover ,
#toolbar a.adminlink:active { 
font-size: 14px!important; 
border-left: 1px solid #a4a4a4;
  padding: 8px 8px 10px 23px;
  line-height: 32px;
  color: #555;
  text-decoration:none;
}
#toolbar a.adminlink:hover {  text-decoration:underline;}

#toolbar a.adminlink { font-weight:700; text-decoration: underline; }
#toolbar a.adminlink:hover { color: #666;}

#toolbar a.adminmenulink { background: transparent url("/Data/style/jqtoolbar/key.png") no-repeat; background-position : 5px 50%;  }
#toolbar a.filemanlink { background: transparent url("/Data/style/jqtoolbar/folder_explore.png") no-repeat; background-position : 5px 50%;  }
#toolbar a.newpagelink { background: transparent url("/Data/style/jqtoolbar/page_white_add.png") no-repeat; background-position : 5px 50%;  }
#toolbar a.pageeditlink { background: transparent url("/Data/style/jqtoolbar/page_white_edit.png") no-repeat; background-position : 5px 50%;  }
#toolbar a.pagesettingslink { background: transparent url("/Data/style/jqtoolbar/page_white_wrench.png") no-repeat; background-position : 2px 50%;  }


       


span.normalthread{ background: url("/Data/style/forums/folder.png") no-repeat; display:inline-block; width:18px; height:20px; }
span.lockedthread{ background: url("/Data/style/forums/lock.png") no-repeat; display:inline-block; width:18px; height:20px; }
span.stickythread{ background: url("/Data/style/forums/folder_star.png") no-repeat; display:inline-block; width:18px; height:20px; }
.newthread, .newpost { background: url("/Data/style/forums/folder_edit.png") no-repeat; background-position: 0px 2px; padding-left:18px;  }
.forumEdit, .threadEdit, .postEdit { background: url("/Data/style/forums/pencil.png") no-repeat; background-position: 0px 0px; padding-left:18px;  }
.forumfeed { background: url("/Data/style/forums/feed.png") no-repeat; background-position: 0px 0px; padding-left:18px; }.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url("/Data/style/CalExtender/arrow-left.gif");}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url("/Data/style/CalExtender/arrow-right.gif");}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}
/* http://weblogs.asp.net/kevinbrammer/archive/2008/05/31/asp-net-gridview-themes.aspx */

.AspNet-GridView
{
    font-family: Arial, Sans-Serif;
    font-size:small;
    table-layout: auto;
    border-collapse: collapse;
    border:#999999 1px solid;
}

.AspNet-GridView table { width: 100%; }
.AspNet-GridView table { width: 100%; }
.AspNet-GridView table.editgrid { margin:0px;}

.AspNet-GridView table thead
{
    background-image: url("/Data/style/gridview/HeaderWhiteChrome.jpg");
    background-position:center;
    background-repeat:repeat-x;
    background-color:#fff;
	border-bottom:solid 1px #999;
}

.AspNet-GridView table thead th
{
    padding: 5px;
    color: #333;
	text-align:left;
}

.AspNet-GridView table thead th a
{
    text-decoration:none;
    color:#333;
    display:block;
    text-align:left;
   
}

.AspNet-GridView table tbody tr td
{
    padding: 5px;
    border-right: solid 1px #999;
	background-color:#E4E4E4;
}

.AspNet-GridView table tbody tr.AspNet-GridView-Alternate td
{
    background-color: #fff;
}

.AspNet-GridView div.AspNet-GridView-Pagination
{
background-image: url("/Data/style/gridview/HeaderWhiteChrome.jpg");
    background-position:center;
    background-repeat:repeat-x;
    background-color:#fff;
	border-bottom:solid 1px #999;
}

.AspNet-GridView div.AspNet-GridView-Pagination 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;
}

.AspNet-GridView div.AspNet-GridView-Pagination span
{
font-weight:bold;
    color:#333;
    text-decoration:none;
    padding:2px 10px 2px 10px;
}

.AspNet-GridView tr.AspNet-GridView-Empty
{
	color:#ffffff;
    background-color: #c9c9c9;
	 text-align:center; 
}

.AspNet-GridView tr.AspNet-GridView-Empty p
{ padding-top:20px;}

.formResults .AspNet-GridView table thead, .formResults  div.AspNet-GridView-Pagination
{
background-image: none;
}

html[dir='rtl'] .AspNet-GridView table thead th { text-align: right;}
html[dir='rtl'] .AspNet-GridView table thead th a { text-align: right; }
/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010-2011 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Silvia Benvenuti
 * Skin Version: 4.0 (jPlayer 2.1.0)
 * Date: 1st September 2011
 */
 
 /* KLD - Added to avoid clashes with general ul and li styles */
div.jp-audio ul li,
div.jp-video ul li
{
    background-image: none;
    padding-left: 0;
    margin: 0;
}

div.jp-audio,
div.jp-video {

	/* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */

	font-size:1.25em; /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */

	font-family:Verdana, Arial, sans-serif;
	line-height:1.6;
	color: #666;
	border:1px solid #009be3;
	background-color:#eee;
	position:relative;
}
div.jp-audio {
	width:420px;
}
div.jp-video-270p {
	width:480px;
}
div.jp-video-360p {
	width:640px;
}

div.jp-video-full {
	/* Rules for IE6 (full-screen) */
	width:480px;
	height:270px;
	
	/* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
	position:static !important; position:relative
	
}

div.jp-video-full div.jp-jplayer {
	top: 0;
	left: 0;
	/* Rules for IE6 (full-screen) */
	position: fixed !important; position: relative; 
	
	overflow: hidden;
	z-index:11000;
}

div.jp-video-full div.jp-gui {
/* Rules for IE6 (full-screen) */
	position: fixed !important; position: static; 
	
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	
	z-index:11000;
}

div.jp-video-full div.jp-interface {
/* Rules for IE6 (full-screen) */
	position: absolute !important; position: relative; 
	
	bottom: 0;
	left: 0;
	z-index:11000;
}

div.jp-interface {
	position: relative;
	background-color:#eee;
	width:100%;
}

div.jp-audio div.jp-type-single div.jp-interface {
	height:80px;
}
div.jp-audio div.jp-type-playlist div.jp-interface {
	height:80px;
}

div.jp-video div.jp-interface {
	border-top:1px solid #009be3;
}

/* @group CONTROLS */

div.jp-controls-holder {
	clear: both;
	width:440px;
	margin:0 auto;
	position: relative;
	overflow:hidden;
	top:-8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */
}

div.jp-interface ul.jp-controls {
	list-style-type:none;
	margin:0;
	padding: 0;
	overflow:hidden;
}

div.jp-audio ul.jp-controls {
	width: 380px;
	padding:20px 20px 0 20px;
}

div.jp-video div.jp-type-single ul.jp-controls {
	width: 78px;
	margin-left: 200px;
	
}

div.jp-video div.jp-type-playlist ul.jp-controls {
	width: 134px;
	margin-left: 172px;
}
div.jp-video ul.jp-controls,
div.jp-interface ul.jp-controls li {
	display:inline;
	float: left;
}

div.jp-interface ul.jp-controls a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
	width:40px;
	height:40px;
}

a.jp-play {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 0 no-repeat;
}
a.jp-play:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -41px 0 no-repeat;
}
a.jp-pause {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -42px no-repeat;
	display: none;
}
a.jp-pause:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -41px -42px no-repeat;
}

a.jp-stop, a.jp-previous, a.jp-next {
	width:28px;
	height:28px;
	margin-top:6px;
}

a.jp-stop {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -83px no-repeat;
	margin-left:10px;
}

a.jp-stop:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -29px -83px no-repeat;
}

a.jp-previous {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -112px no-repeat;
}
a.jp-previous:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -29px -112px no-repeat;
}

a.jp-next {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -141px no-repeat;
}
a.jp-next:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -29px -141px no-repeat;
}

/* @end */

/* @group progress bar */

div.jp-progress {
	overflow:hidden;
	background-color: #ddd;
}
div.jp-audio div.jp-progress {
	position: absolute;
	top:32px;
	height:15px;
}
div.jp-audio div.jp-type-single div.jp-progress {
	left:110px;
	width:186px;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
	left:100px;
	width:130px;
}
.AudioPlayer div.jp-audio div.jp-type-playlist div.jp-progress {
	left:166px;
	width:130px;
}
div.jp-video div.jp-progress {
	top:0px;
	left:0px;
	width:100%;
	height:10px;
}
div.jp-seek-bar {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -202px repeat-x;
	width:0px;
	height:100%;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -218px repeat-x ;
	width:0px;
	height:100%;
}

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.seeking.gif");
}

/* @end */

/* @group volume controls */


a.jp-mute,
a.jp-unmute,
a.jp-volume-max {
	width:18px;
	height:15px;
	margin-top:12px;
}

div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
	margin-left: 210px;	
}

div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
	margin-left: 154px;
}

div.jp-audio a.jp-volume-max {
	margin-left: 56px;	
}

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute,
div.jp-video a.jp-volume-max {
	position: absolute;
	top:12px;
	margin-top:0;
}

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute {
	left: 50px;
}


div.jp-video a.jp-volume-max {
	left: 134px;
}

a.jp-mute {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -170px no-repeat;
}
a.jp-mute:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -19px -170px no-repeat;
}
a.jp-unmute {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -60px -170px no-repeat;
	display: none;
}
a.jp-unmute:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -79px -170px no-repeat;
}

a.jp-volume-max {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -186px no-repeat;
}
a.jp-volume-max:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -19px -186px no-repeat;
}

div.jp-volume-bar {
	position: absolute;
	overflow:hidden;
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -250px repeat-x;
	width:46px;
	height:5px;
	cursor: pointer;
}
div.jp-audio div.jp-volume-bar {
	top:37px;
	left:330px;
}
div.jp-video div.jp-volume-bar {
	top:17px;
	left:72px;
}
div.jp-volume-bar-value {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -256px repeat-x;
	width:0px;
	height:5px;
}

/* @end */

/* @group current time and duration */

div.jp-audio div.jp-time-holder {
	position:absolute;
	top:50px;
}
div.jp-audio div.jp-type-single div.jp-time-holder {
	left:110px;
	width:186px;
}
div.jp-audio div.jp-type-playlist div.jp-time-holder {
	left:166px;
	width:130px;
}

div.jp-current-time,
div.jp-duration {
	width:60px;
	font-size:.64em;
	font-style:oblique;
}
div.jp-current-time {
	float: left;
	display:inline;
}
div.jp-duration {
	float: right;
	display:inline;
	text-align: right;
}

div.jp-video div.jp-current-time {
	margin-left:20px;
}
div.jp-video div.jp-duration {
	margin-right:20px;
}

/* @end */

/* @group playlist */

div.jp-title {
	font-weight:bold;
	text-align:center;
}

div.jp-title,
div.jp-playlist {
	width:100%;
	background-color:#ccc;
	border-top:1px solid #009be3;
}
div.jp-type-single div.jp-title,
div.jp-type-playlist div.jp-title,
div.jp-type-single div.jp-playlist {
	border-top:none;
}
div.jp-title ul,
div.jp-playlist ul {
	list-style-type:none;
	margin:0;
	padding:0 20px;
	font-size:.72em;
}

div.jp-title li {
	padding:5px 0;
	font-weight:bold;
}
div.jp-playlist li {
	padding:5px 0 4px 20px;
	border-bottom:1px solid #eee;
}

div.jp-playlist li div {
	display:inline;
}

/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */

div.jp-type-playlist div.jp-playlist li:last-child {
	/* padding:5px 0 5px 20px; */
	padding:5px 0 5px 0px;
	border-bottom:none;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
	list-style-type:square;
	list-style-position:inside;
	padding-left:7px;
}
div.jp-type-playlist div.jp-playlist a {
	color: #333;
	text-decoration: none;
}
div.jp-type-playlist div.jp-playlist a:hover {
	color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
	color:#0d88c1;
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
	float:right;
	display:inline;
	text-align:right;
	margin-right:10px;
	font-weight:bold;
	color:#666;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
	color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media {
	float:right;
	display:inline;
	text-align:right;
	margin-right:10px;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a{
	color:#666;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{
	color:#0d88c1;
}
span.jp-artist {
	font-size:.8em;
	color:#666;
}

/* @end */

div.jp-video-play {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	cursor:pointer;
	background-color:rgba(0,0,0,0); /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */
}
div.jp-video-270p div.jp-video-play {
	height:270px;
}
div.jp-video-360p div.jp-video-play {
	height:360px;
}
div.jp-video-full div.jp-video-play {
	height:100%;
	z-index:11000;
}
a.jp-video-play-icon {
	position:relative;
	display:block;
	width: 112px;
	height: 100px;

	margin-left:-56px;
	margin-top:-50px;
	left:50%;
	top:50%;

	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.video.play.png") 0 0 no-repeat;
	text-indent:-9999px;
}
div.jp-video-play:hover a.jp-video-play-icon {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.video.play.png") 0 -100px no-repeat;
}





div.jp-jplayer audio,
div.jp-jplayer {
	width:0px;
	height:0px;
}

div.jp-jplayer {
	background-color: #000000;
}





/* @group TOGGLES */

/* The audio toggles are nested inside jp-time-holder */

ul.jp-toggles {
	list-style-type:none;
	padding:0;
	margin:0 auto;
	overflow:hidden;
}

div.jp-audio .jp-type-single ul.jp-toggles {
	width:25px;
}
div.jp-audio .jp-type-playlist ul.jp-toggles {
	width:55px;
	margin: 0;
	position: absolute;
	left: 325px;
	top: 50px;
}

div.jp-video ul.jp-toggles {
	margin-top:10px;
	width:100px;
}

ul.jp-toggles li {
	display:block;
	float:right;
}

ul.jp-toggles li a {
	display:block;
	width:25px;
	height:18px;
	text-indent:-9999px;
	line-height:100%; /* need this for IE6 */
}

a.jp-full-screen {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -310px no-repeat;
	margin-left: 20px;
}

a.jp-full-screen:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -30px -310px no-repeat;
}

a.jp-restore-screen {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -60px -310px no-repeat;
	margin-left: 20px;
}

a.jp-restore-screen:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -90px -310px no-repeat;
}

a.jp-repeat {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -290px no-repeat;
}

a.jp-repeat:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -30px -290px no-repeat;
}

a.jp-repeat-off {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -60px -290px no-repeat;
}

a.jp-repeat-off:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -90px -290px no-repeat;
}

a.jp-shuffle {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") 0 -270px no-repeat;
	margin-left: 5px;
}

a.jp-shuffle:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -30px -270px no-repeat;
}

a.jp-shuffle-off {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -60px -270px no-repeat;
	margin-left: 5px;
}

a.jp-shuffle-off:hover {
	background: url("/Data/style/jplayer/bluemonday/jplayer.blue.monday.jpg") -90px -270px no-repeat;
}


/* @end */

/* @group NO SOLUTION error feedback */

.jp-no-solution {
	position:absolute;
	width:390px;
	margin-left:-202px;
	left:50%;
	top: 10px;

	padding:5px;
	font-size:.8em;
	background-color:#eee;
	border:2px solid #009be3;
	color:#000;
	display:none;
}

.jp-no-solution a {
	color:#000;
}

.jp-no-solution span {
	font-size:1em;
	display:block;
	text-align:center;
	font-weight:bold;
}

/* @end */
.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url("/Data/style/CalExtender/arrow-left.gif");}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url("/Data/style/CalExtender/arrow-right.gif");}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

/* Reset */
.qtfile, 
.qtfile p,
.qtfile ul,
.qtfile li, 
.qtfile a, 
.qtfile span,
.qtfile img
{
	border-style: none;
	border-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	outline: 0;
	/*
	zoom: 1;
    */
}

.qtfile
{
	min-width: 650px;
}

.qtfile span
{
	vertical-align: text-top;
	line-height: 100%;
}

/* Button elements */
.qtfile .button
{
	cursor: pointer;
}

.qtfile .button.button-disabled
{
	color: Gray;
	cursor: default;
}

/* Icons */
/* Command buttons */
.qtfile .button.folder-create .icon,
.qtfile .button.folder-rename .icon,
.qtfile .button.folder-move .icon,
.qtfile .button.folder-delete .icon,
.qtfile .button.file-upload .icon,
.qtfile .button.file-refresh .icon,
.qtfile .button.folder-refresh .icon,
/* File actions */
.qtfile .file-panel .icon-file-name,
.qtfile .file-panel .file-actions span,
/* Folder items */
.qtfile .folder-panel .folder-bullet,
.qtfile .folder-panel .folder-bullet.folder-bullet-closed,
.qtfile .folder-panel .folder-bullet.folder-bullet-opened,
.qtfile .folder-panel .icon-folder,
.qtfile .folder-panel .icon-folder-end,
/* Status icons */
.qtfile .qtfile-footer .icon-status
{
	background-image: url("/Data/style/qtfile/icons.png");
	width: 16px;
	height: 16px;
	display: inline-block;
	overflow: hidden;
}

/* Header */
.qtfile .qtfile-header
{
	padding: 7px 0 3px 10px;
}

/* Footer */
.qtfile .qtfile-footer
{
	border-top: none;
	padding: 6px 0 5px 5px;
	position: relative;
}

.qtfile .qtfile-footer .status-message
{
	position: absolute;
	left: 10px;
	top: 8px;
}

.qtfile .qtfile-footer .icon-status
{
	margin: 0 5px 0 0;
}

.qtfile .qtfile-footer .status-info .icon-status { background-position: 64px 64px; }
.qtfile .qtfile-footer .status-warn .icon-status { background-position: 32px 64px; }
.qtfile .qtfile-footer .status-error .icon-status { background-position: 16px 64px; }

.qtfile .qtfile-footer .credit
{
	display: block;
	float: right;
	margin-right: 15px;
}

.qtfile .qtfile-footer .credit a
{
	line-height: 1.6em;
}

.qtfile .qtfile-footer .credit a:hover
{
	text-decoration: underline;
}

/* Menu list */
.qtfile .menu-bar
{
	margin: 5px 0 5px 5px;
	position: relative;
}

.qtfile .menu-bar .icon
{
	margin-right: 3px;
}

.qtfile .menu-bar .button.file-refresh
{
	position: absolute;
	right: 3px;
	top: 2px;
}

.qtfile .button.file-refresh .icon { background-position: 0 32px; }
.qtfile .button.folder-create .icon { background-position: 0 48px; }
.qtfile .button.folder-rename .icon { background-position: 64px 48px; }
.qtfile .button.folder-delete .icon { background-position: 32px 48px; }
.qtfile .button.folder-move .icon { background-position: 48px 48px; }
.qtfile .button.file-upload .icon { background-position: 64px 32px; }


.qtfile .qtfile-content
{
	position: relative;
	height: 389px;
	/* Only need the top border from jquery-ui */
	border-bottom: none;
	border-right: none;
	border-left: none;
}

/* Headers */

.qtfile .file-header *,
.qtfile .folder-header *
{
	line-height: 27px;
}

.qtfile .folder-header
{
	border-right: none;
	border-left: none;
	position: relative;
	padding-left: 2%;
	margin-right: -2%;
}

.qtfile .folder-header .button.folder-refresh
{
	position: absolute;
	right: 3%;
	top: 3px;
}

.qtfile .button.folder-refresh .icon { background-position: 0 32px; }

.qtfile .file-header
{
	border-right: none;
	padding-left: 0px;
	position: relative;
}

.qtfile .file-header .file-size-header,
.qtfile .file-header .file-name-header,
.qtfile .file-header .file-actions-header
{
	float: left;
	text-align: center;
	background-image: none;
	background-color: Transparent;
	border-top: none;
	border-right: none;
	border-bottom: none;
	margin-right: -1px;
}

.qtfile .file-header .file-name-header
{
	border: none;
	width: 55%;
	text-align: left;
	text-indent: 1%;
}

.qtfile .file-header .file-size-header
{
	width: 20%;
}

.qtfile .file-header .file-actions-header
{
	width: 25%;
	text-indent: -10000px;
}

/* Folders */

.qtfile .folder-wraper
{
	width: 26%;
	position: absolute;
}

/* Folder list */

.qtfile .folder-panel
{
	height: 360px;
	overflow: auto;
}

.qtfile .folder-panel li,
.qtfile .file-panel li
{
	white-space: nowrap;
}

.qtfile .folder-panel li li
{
	padding-left: 16px;
}

.qtfile .folder-panel .folder-bullet,
.qtfile .folder-panel .folder-name
{
	cursor: pointer;
}

.qtfile .folder-panel .folder-name-text
{
	line-height: 1.5em;
}

.qtfile .folder-panel .folder-name:hover
{
	color: Blue;
}

.qtfile .folder-bullet { background-image: none; }
.qtfile .icon-folder-end { background-position: 16px 32px; }
.qtfile .icon-folder { background-position: 16px 48px; }
.qtfile .folder-bullet.folder-bullet-closed { background-position: 48px 32px; }
.qtfile .folder-bullet.folder-bullet-opened { background-position: 32px 32px; }

.qtfile .folder-panel .folder-name .icon-folder,
.qtfile .folder-panel .folder-name .icon-folder-end
{
	margin-right: 5px;
}

.qtfile .folder-panel .folder-name .icon-folder-end
{
	visibility: hidden;
	left: 5px;
}

.qtfile .folder-panel .folder-name-selected .icon-folder-end
{
	visibility: visible;
}

/* Files */

.qtfile .file-wraper
{
	width: 74%;
	position: absolute;
	right: 0;
}

.qtfile .file-panel
{
	padding-left: 0px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	background-image: none;
	background-color: Transparent;
	height: 360px;
	overflow: auto;
}
.qtfile .file-panel.file-list-empty
{
	/* background: url("/Data/style/qtfile/empty_folder_bg.png") 50% 50% no-repeat; */
}

.qtfile .file-panel .file-name, 
.qtfile .file-panel .file-size, 
.qtfile .file-panel .file-actions
{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	float: left;
	line-height: 1.7em;
}

.qtfile .file-panel .file-name
{
	width: 55%;
	text-indent: 1%;
}

.qtfile .file-panel li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.qtfile .file-panel li { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
.qtfile .file-panel li { height:1%; }
.qtfile .file-panel li { display:block; }
/* end clearfix */

.qtfile .file-panel li.even
{
	background-image: url("/Data/style/qtfile/file_even_bg.png");
}

.qtfile .file-panel li:hover
{
	background-image: url("/Data/style/qtfile/file_hover_bg.png");
}

.qtfile .file-panel .file-size
{
	width: 19%;
	text-align: right;
}

.qtfile .file-panel .file-actions
{
	float: right;
	width: 22%;
	text-align: center;
	margin: 0  0 0 1%;
}

.qtfile .file-panel .icon-file-name
{
	margin: 0 1% 0 0;
}

.qtfile .file-panel .file-actions span
{
	cursor: pointer;
	margin: 0  0 0 1%;
	text-indent: -10000px;
	
	/* Fix for IE7 moved to IE7Specific css
	*text-indent: 0;
	*font-size: 0;
    */

}

.qtfile .file-panel .file-action-link { background-position: 48px 64px; }
.qtfile .file-panel .file-action-delete { background-position: 16px 16px; }
.qtfile .file-panel .file-action-move { background-position: 32px 16px; }
.qtfile .file-panel .file-action-rename { background-position: 48px 16px; }
.qtfile .file-panel .file-action-download { background-position: 64px 16px; }
.qtfile .file-panel .file-action-preview { background-position: 80px 64px; }

/* File preview */

.qtfile .file-preview p,
.qtfile .file-preview img
{
	margin: 0;
	padding: 0;
}

.qtfile .file-preview p
{
	overflow: hidden;
	white-space: nowrap;
}

.qtfile .file-preview p span
{
	line-height: 1.6em;
	vertical-align: text-top;
}

.qtfile .file-preview
{
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: auto;
	max-width: 65%;
	display: none;
	/* Width must be set in IE7 for header get right moved to IE7Specific.css
	*width: 65%;
    */
}

.qtfile .file-preview-field-name
{
	display: inline-block;
	width: 7.5em;
	font-weight: bold;
}

.qtfile .file-preview p.file-preview-image
{
	line-height: 0;
	width: auto;
}

.qtfile .file-preview .file-preview-image img
{
	max-width: 100%;
	overflow: auto;
	max-height: 150px;
}

.qtfile .file-preview .file-preview-image-loading
{
	display: block;
	width: 48px;
	height: 48px;
	background: url("/Data/style/qtfile/indicator.gif") no-repeat;
}

/* File icons */

.qtfile .file-panel .icon-file-name
{
	background-image: url("/Data/style/qtfile/file_types.png");
	background-position: 16px 16px;
}

.qtfile .file-panel .icon-file-bmp { background-position: 256px 256px; }
.qtfile .file-panel .icon-file-jpg, .qtfile .file-panel .icon-file-jpeg { background-position: 240px 0; }
.qtfile .file-panel .icon-file-png { background-position: 224px 0; }
.qtfile .file-panel .icon-file-gif { background-position: 208px 0; }

.qtfile .file-panel .icon-file-txt { background-position: 256px 240px; }
.qtfile .file-panel .icon-file-pdf { background-position: 240px 240px; }

/* Impromptu 
http://trentrichardson.com/Impromptu/index.php
*/
.jqifade{
	position: absolute; 
	background-color: #aaaaaa; 
}
div.jqi{ 
	width: 400px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	position: absolute; 
	background-color: #ffffff; 
	font-size: 11px; 
	text-align: left; 
	border: solid 1px #eeeeee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 7px;
}
div.jqi .jqicontainer{ 
	font-weight: bold; 
}
div.jqi .jqiclose{ 
	position: absolute;
	top: 4px; right: -2px; 
	width: 18px; 
	cursor: default; 
	color: #bbbbbb; 
	font-weight: bold; 
}
div.jqi .jqimessage{ 
	padding: 10px; 
	line-height: 20px; 
	color: #444444; 
}
div.jqi .jqibuttons{ 
	text-align: right; 
	padding: 5px 0 5px 0; 
	border: solid 1px #eeeeee; 
	background-color: #f4f4f4;
}
div.jqi button{ 
	padding: 3px 10px; 
	margin: 0 10px; 
	background-color: #2F6073; 
	border: solid 1px #f4f4f4; 
	color: #ffffff; 
	font-weight: bold; 
	font-size: 12px; 
}
div.jqi button:hover{ 
	background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{ 
	/*background-color: #8DC05B;*/
	background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{ 
	background-color: #BF5E26;
}

body.filedialog{ color: black;}

h2.logitem { font-size: 1em; }

input.openid_login { background:url("/Data/style/common/openidlogin.gif") no-repeat; background-color:#fff; background-position:0 50%; color:#000; padding-left:18px; }


/* autocomplete extender */

ul.autocomplete_completionListElement 
{  
	margin : 0px 0px 0px 0px!important;
	padding: 0px !important;
	background-color : white;
	color : black;
	border-color : gray;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 300px;
    text-align : left; 
    list-style-type : none !important;
	
}

li.autocomplete_highlightedListItem
{
	margin-left: 0px !important ;
	background-color: #ffff99;
	color: black;
	padding: 1px !important;
	background-image:none!important;
	
	
}

li.autocomplete_listItem 
{
	
	margin-left: 0px !important;
	background-color : white;
	color : black;
	padding : 1px !important;
	background-image:none!important;

	
}

/* jQuery Cycle Pager 
 * Required for HTML Module "Slide Show Pager" option.
 */
.cyclenav {text-align: center;}
.cyclenav a{margin-right: 3px;}
.cyclenav a.activeSlide {font-weight: bold;}

/* Example of jQuery Cycle Pager with 'dots' for the navigation links
 * To use this, place 'cycledots' (without quotes) in the 
 * 'Custom CSS Class' setting of the HTML Content Module being used 
 * for the slideshow
 */
.cycledots .cyclenav a{
	background: transparent url("/Data/style/common/cyclenav-bullet2.png") no-repeat scroll center -28px; 
	line-height: 40px;
	overflow: hidden;
	height: 14px;
	width: 14px;
	display: inline-block;}
.cycledots .cyclenav a:focus,
.cycledots .cyclenav a.activeSlide{ background-position: center -14px; }
.cycledots .cyclenav a:hover { background-position: center 0; }


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }



/* faq */
.faqs{padding-top:20px}
.faqs dt{font-weight:bold;background:url("/Data/style/common/q.gif") 0 4px no-repeat;padding:3px 0 15px 30px;position:relative;}
.faqs dt:hover{cursor:pointer}
.faqs dd{background:url("/Data/style/common/a.gif") 0 2px no-repeat;padding:0 0 5px 30px;position:relative;color:#333}
.faqs .hover{color:#990000;text-decoration:underline}

/*mojorating */
.ratingcontainer { float:right; white-space:nowrap; margin:5px 5px 5px 5px;  }
.ratingprompt { float: left; margin-right: 5px; }
.voteswrap { margin-left: 5px; }
.ratingcontainer div { float:left; white-space:nowrap; margin:0px 0px 0px 0px;  }
.ratingrow { white-space:nowrap; }
.ratingStar { white-space:nowrap; height:14px; margin:1em; }
.ratingStar .ratingItem { font-size:0; width:13px; height:12px; display:block; background-repeat:no-repeat; cursor:pointer; margin:0; padding:0; }
.ratingStar .Filled { background-image:url("/Data/style/common/ratingStarFilled.png"); }
.ratingStar .Empty { background-image:url("/Data/style/common/ratingStarEmpty.png"); }
.ratingStar .Saved { background-image:url("/Data/style/common/ratingStarSaved.png"); }
.ratingbuttons {  margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px;  }
.rcommentprompt { display:block;}
.ratingcomments { border:#000 1px solid; background-color:#eee; color:#000; width:206px; height:200px; position:absolute; margin-top:15px; padding:5px; }
.ratingcommentbox { width:200px; height:100px; }



a.addtocal { background: url("/Data/style/common/calendar_add.png") no-repeat; background-position: 0px 2px; padding-left:18px; display:inline-block; min-height:22px; margin-right:4px;  }

/* ***************************************
** Diff related styles
*****************************************/

ins {
	background-color: #cfc;
	text-decoration:inherit;

}

del {
	color: #999;
	background-color:#FEC8C8;
}

ins.mod {
    background-color: #FFE1AC;
}

a.inlineedittoggle.ui-icon { display: inline-block; }

.filedialog { margin: 0; padding: 0;}
#GalleryPreview{ table-layout: fixed; width: 450px; margin: 0 auto;float: left; border: 0px solid #0000ff; }
#GalleryPreview_VerticalFix { width: 450px; display: table-cell; text-align: left; border: 0px solid #00ff00; }
#GalleryPreview img { max-width: 550px; max-height: 550px;}
.boldtext { font-weight: bold;}

#filewrapper {}
#filewrapper .fileoperations { background-color: #F0EFF1; }
#filewrapper .foldercreation,
#filewrapper .fileupload { float: left; width: 50%;}
#filewrapper .operationpanel { padding: 0 5px; }
#filewrapper .operationheading { display: block; text-align: center; background-color: #E0DFE3; font-weight: bold;}
#filewrapper .imageresizeoptions { margin-top: 10px; }
#filewrapper .imageresizeoptions,
#filewrapper .operationinstructions { font-size: 110%; }
#filewrapper .imageresizecheckbox { display: block; }
#filewrapper .imageresizecheckbox input { margin-right: 3px; }
#filewrapper .errorpanel span { margin-top: 5px; }

#filewrapper .fileselection > div { }
#filewrapper .filetreewrapper { float: left; width: 33%; }
#filewrapper .filepreview { float: left; width: 67% }
#filewrapper .filepreview .operationpanel { padding: 0 0 0 15px; }
#filewrapper .rootfolder { float: left; height: 475px; width: 100%; margin-left: 10px; overflow: auto; }
#filewrapper #pnlFileTree { padding-right: 30px; }
#filewrapper .smalltextbox { width: 30px; margin-right: 10px; }

.fileinput-button {
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 4px;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}

div.uploadfilelist {
	padding-top: 10px;
	clear: both;
}

div.uploadfilelist .ui-button,
.uploadcontainer .ui-button {
	padding: 7px;
}

ul.filelist {
	
	list-style: none;
}

ul.filelist .ui-icon-trash {
	display: inline-block;
	cursor: hand;
	cursor: pointer;
	
}

div.fileupload-dropzone {
	padding: 50px 0 50px 0;
	width: 100%;
	border:dashed thin black;
	margin: 4px 4px 4px 4px;
	text-align:center;
	vertical-align:middle;
}

/* editor styles, classes assigned by toolbar items */
.AlignCenter , p.AlignCenter {
  text-align: center;
}
 
.AlignLeft , p.AlignLeft{
  text-align: left;
}
 
.AlignRight, p.AlignRight {
  text-align: right;
}
 
.AlignJustify, p.AlignJustify {
  text-align: justify;
}
 
.Indent1, p.Indent1 , ol.Indent1, ul.Indent1{
  margin-left: 40px;
}
 
.Indent2, p.Indent2, ol.Indent2, ul.Indent2 {
  margin-left: 80px;
}
 
.Indent3, p.Indent3, ol.Indent3, ul.Indent3 {
  margin-left: 120px;
}

.font-xsmall {
  font-size: 60%;
}
.font-small {
  font-size: 80%;
}
.font-normal {
  font-size: 100%;
}
.font-large {
  font-size: 120%;
}
.font-xlarge {
  font-size: 140%;
}

table.jqtable td { font-weight:bold; }
table.FileManager_table { width:99%; }

div.cmdbar { display:inline-block; min-width:300px; min-height:14px; max-height: 14px; }
a.forumcommand { margin: 0px 10px 0px 10px; }
/* ----------------------------------
MojoPortal Admin Menu CSS
For more information about Crystal Clear icons, http://commons.wikimedia.org/wiki/Category:Crystal_Clear_icons 
This css and few custom modified verasions of crystal icons were contributed by Steve Railsback of Colorado State U 2010-09-29
To use this, add this to your style.config file:
<file cssvpath="/Data/style/adminmenu/style.css" imagebasevpath="/Data/style/adminmenu/">none</file>
------------------------------------- */

/* Admin menu */
div.adminmenu {  }
div.adminmenu ul.simplelist { margin: 0 0 1em -20px; }
div.adminmenu ul.simplelist li { float: left; display: block; background-image:none; }
div.adminmenu ul.simplelist li  a { 
	line-height: 1em; 
	display: block; 
	width: 100px; 
	height: 40px; 
	float: left; 
	padding: 60px 10px 10px 10px; 
	margin: 5px; 
	text-decoration: none; 
	/* color: #666; */
	border: 1px solid #ddd; 
	text-align: center;  
}

html[dir='rtl'] div.adminmenu ul li { float: right;}
html[dir='rtl'] div.adminmenu ul li a { float: right; }


div.adminmenu ul.simplelist li a:hover { color: #000; border: 1px solid #333; background-color: #eee; } 

a.lnkSiteSettings { background: url("/Data/style/adminmenu/Crystal_Clear_action_run.png") no-repeat center 10px; }


a.lnkSecurityAdvisor, a.lnkSecurityAdvisorWarning {background: url("/Data/style/adminmenu/Crystal_Clear_app_agent.png") no-repeat center 10px; }


a.lnkSecurityAdvisorWarning { color:Red !important; border-color:Red !important; }
a.lnkSecurityAdvisorWarning:after { content: " Needs Attention! "; }
span.secwarning { display: none; }


a.lnkCommerceReports { background: url("/Data/style/adminmenu/Crystal_Clear_app_kchart.png") no-repeat center 10px;}
a.lnkContentManager { background: url("/Data/style/adminmenu/Crystal_Clear_mimetype_document.png") no-repeat center 10px;}
a.lnkContentWorkFlow { background: url("/Data/style/adminmenu/Crystal-Clear-content_workflow.png") no-repeat center 10px; }
a.lnkContentTemplates { background: url("/Data/style/adminmenu/Crystal_Clear_app_kivio.png") no-repeat center 10px;}
a.lnkStyleTemplates { background: url("/Data/style/adminmenu/Crystal-Clear-app-stylesheet.png") no-repeat center 10px;}
a.lnkSiteList { background: url("/Data/style/adminmenu/folder_html.png") no-repeat center 10px;}
a.lnkPageTree { background: url("/Data/style/adminmenu/Crystal-Clear-action-view-tree.png") no-repeat  center 10px;}
a.lnkRoleAdmin { background: url("/Data/style/adminmenu/Crystal_Clear_users.png") no-repeat  center 10px;}
a.lnkFileManager { background: url("/Data/style/adminmenu/Cystal_Clear_file_manager.png") no-repeat  center 10px;}
a.lnkAddUser { background: url("/Data/style/adminmenu/Crystal_Clear_add_user.png") no-repeat  center 10px;}
a.lnkCoreData { background: url("/Data/style/adminmenu/Crystal_Clear_app_database.png") no-repeat  center 10px;}
a.lnkAdvancedTools { background: url("/Data/style/adminmenu/Crystal-Clear-action-configure.png") no-repeat  center 10px;}
a.lnkLogViewer { background: url("/Data/style/adminmenu/Crystal-Clear-mimetype-vcalendar.png") no-repeat  center 10px;}
a.lnkServerInfo { background: url("/Data/style/adminmenu/Crystal-Clear-app-ksysguard.png") no-repeat  center 10px;}
a.lnkNewsletter { background: url("/Data/style/adminmenu/Crystal-Clear-app-kontact.png") no-repeat  center 10px;}
a.lnkMemberList { background: url("/Data/style/adminmenu/Crystal-Clear-kuser2.png") no-repeat  center 10px;}
a.lnkCurrencyAdmin { background: url("/Data/style/adminmenu/Crystal-Clear-currency.png") no-repeat  center 10px;}
a.lnkCountryAdmin { background: url("/Data/style/adminmenu/Crystal-Clear-app-locale.png") no-repeat  center 10px;}
a.lnkGeoZone { background: url("/Data/style/adminmenu/Crystal-Clear-app-browser.png") no-repeat  center 10px;}
a.lnkTaxClassAdmin { background: url("/Data/style/adminmenu/Crystal-Clear-app-kspread.png") no-repeat  center 10px;}
a.lnkTaxRateAdmin { background: url("/Data/style/adminmenu/Crystal-Clear-tax.png") no-repeat  center 10px;}
a.lnkUrlManager { background: url("/Data/style/adminmenu/Crystal-Clear-url.png") no-repeat  center 10px;}
a.lnkRedirectManager { background: url("/Data/style/adminmenu/Crystal-Clear-redirect.png") no-repeat  center 10px;}
a.lnkBannedIPs { background: url("/Data/style/adminmenu/Crystal-Clear_banned_ip.png") no-repeat  center 10px;}
a.lnkFeatureAdmin { background: url("/Data/style/adminmenu/Crystal-Clear-app-kpackage.png") no-repeat  center 10px;}
a.lnkTaskQueue { background: url("/Data/style/adminmenu/Crystal_Clear_action_editpaste.png") no-repeat  center 10px;}
a.lnkWebPartAdmin { background: url("/Data/style/adminmenu/Crystal_Clear_Networksettings.png") no-repeat  center 10px;}
a.lnkAwaitingApproval { background: url("/Data/style/adminmenu/Crystal_Clear_waiting_approval.png") no-repeat  center 10px;}
a.lnkRejectedContent { background: url("/Data/style/adminmenu/Crystal_Clear_rejected_content.png") no-repeat  center 10px;}
a.lnkPendingPages { background: url("/Data/style/adminmenu/FileCrystal-Clear-draft_pages.png") no-repeat  center 10px;}
a.AnalyticsMenuLink { background: url("/Data/style/adminmenu/Crystal-Clear-app-browser.png") no-repeat  center 10px; }
a.lnkDevTools  { background: url("/Data/style/adminmenu/devtools.png") no-repeat  center 10px; }
a.lnkDesignTools  { background: url("/Data/style/adminmenu/designtools.png") no-repeat  center 10px; }
a.lnkRegistrationAgreement, a.lnkLoginInfo  { background: url("/Data/style/adminmenu/RegAgreement.png") no-repeat  center 10px; }
a.lnkPermissionAdmin { background: url("/Data/style/adminmenu/permissions.png") no-repeat  center 10px; }
a.lnkSkinList { background: url("/Data/style/adminmenu/skin.png") no-repeat center 10px; }
a.lnkCacheTool { background: url("/Data/style/adminmenu/cache.png") no-repeat center 10px; }


/* Form styles */
fieldset { border:1px solid #ffc796; margin:0; padding:5px 5px 5px 15px; }
legend { font-size:larger; font-weight:700; }
ol.formlist { list-style:none; margin: 0px; }
li.settingrow  { list-style:none; }
.settinglabel { float:left; clear:left; width:20em; padding:1px; }
.settinglabelFixedHeight { float:left; clear:left; width:20em; height:77px; padding:1px; }
.settinglabel,.settinglabelFixedHeight { font-weight:700; font-size:smaller; }
.settingrow { clear:left; padding:4px 0; }
.settinglabeltight { float:left; clear:left; width:8em; font-weight:700; padding:1px; }
.settingrowtight { clear:left; padding:1px 0; }
.modulebuttonrow { clear:left; text-align:center; }
.smalltextbox { width:4em; }
.normaltextbox { width:10em; }
.mediumtextbox, .login .signinbox, .login .passwordbox { width:15em; }
.widetextbox { width:25em; }
.verywidetextbox { width:35em; }
.txterror { color:red; font-weight:700; }
.txtcopyright { color:#444; font-size:80%; font-weight:400; }
.watermarktextbox { width:9em; height:19px; color:Gray; }
.subscribeemail { color:Gray; width:14em; }
input.openid_login { background:url("/Data/skins/esc-chapter/openidlogin.gif") no-repeat; background-color:#fff; background-position:0 50%; color:#000; padding-left:18px; }

.pagelayout .addcontent{float: left; margin: 0 0 20px; }
.pagelayout .panelayout { clear: both; margin: 0 0 20px 0; padding: 0;}
.pagelayout .panelayout h2 {text-align: center; margin: 0 10px 10px 0;}
.pagelayout .regularpanes{margin: 0 auto; width: 630px; clear: both;}
.pagelayout .pane{float: left; clear: none;margin: 20px 0 20px 0; position: relative;}
.pagelayout .layoutcenter{margin: 20px 30px;}
.pagelayout .layoutalt1,
.pagelayout .layoutalt2{float: none;clear: both; width: 190px; margin: 0 auto; position: relative;}
.pagelayout .altlayoutnotice{margin-bottom: 20px;}
.pagelayout .panelistbox{position: relative; width: 190px; min-height:150px;}
.pagelayout .pane select {width: 170px; margin-right: 10px;}
.pagelayout .layoutbuttons{right: 0; top: 5px; position: absolute;}
.pagelayout .layoutbuttons input{display: block; margin-bottom: 10px;}

/* Headings */

fieldset h2.moduletitle { background-image: none; }
.pagelayout h2 { font-size:14px; }

/* Lists */
ol.searchresultlist { list-style-type:none; }
div.simplehorizontalmenu { clear:both; width:100%; height:27px; }
ul.simplehorizontalmenu { float:left; list-style:none; margin:0 0 3px 6px; padding:0; }
ul.simplehorizontalmenu li { display:inline; padding:0 10px; background-image: none; }
ul.simplehorizontalmenu li.selecteditem { font-weight:700; }

.simplelist,.simplelist li { list-style:none; padding:0 0 4px 10px; }

div.sitemap ul,div.sitemap ul li { list-style:none; font-size:100%; }
.site-statistics { border-bottom:solid thin #ccc; margin:0 0 5px; padding:0 0 5px; }
ul.userstats { list-style-type:none; font-size:90%; margin:0 0 0 0; }
ul.userstats ul { display:block; margin:0; padding:0; }
ul.userstats li { position:relative; list-style:none; font-size:100%; margin: 0px 0px 0px -12px; background-image: none; }



div.panelwrapper ul.simplelist { margin-bottom:0; }
div.AspNet-RadioButtonList ul,div.AspNet-CheckBoxList ul { list-style-type:none; margin:0; padding:0; }
ul.firstnav span.sitelink { font-weight:700; font-size:12px; }
li.AspNet-RadioButtonList-Item,li.AspNet-CheckBoxList-Item { white-space:nowrap; }
div.sitemap .AspNet-TreeView-Expand
{background:  url("/Data/skins/esc-chapter/expand.gif") 0 0 no-repeat; width: 15px; margin-right: 5px;
 float:left; cursor: pointer; line-height: 15px;  }	
div.sitemap .AspNet-TreeView-Collapse
{background: url("/Data/skins/esc-chapter/collapse.gif") 0 0 no-repeat; width: 15px; margin-right: 5px;
  float:left; cursor: pointer; line-height: 15px;}
.AspNet-TreeView-Hide { display:none;}
div.sitemap a.AspNet-TreeView-Expand, div.sitemap a.AspNet-TreeView-Collapse  { text-decoration: none; }

.formwizlist ul li { background-image: none;}


ul.tag-cloud  { list-style-type:none; margin:15px 0 3px 10px; }
ul.tag-cloud li { display:inline; list-style-type:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height:100%;}
.tagcount { font-size:x-small; }
.tag-cloud .weight1 { font-size:90%; }
.tag-cloud .weight2 { font-size:110%; }
.tag-cloud .weight3 { font-size:120%; }
.tag-cloud .weight4 { font-size:130%; }
.tag-cloud .weight5 { font-size:140%; }
.tag-cloud .weight6 { font-size:150%; }
.tag-cloud .weight7 { font-size:160%; }
.tag-cloud .weight8 { font-size:180%; }
.tag-cloud .weight9 { font-size:200%; }
.tag-cloud .weight10 { font-size:210%; }

/* Links */
a{color:inherit;}
a.ModuleEditLink,
a.ModuleEditLink:link,
a.ModuleEditLink:visited,
a.ModuleEditLink:hover,
a.ModuleEditLink:active { font-size:10px !important; }
.extrasearchlink { padding-left: 10px;  }
.leftside a.ModuleEditLink, .rightside a.ModuleEditLink {color:inherit;}


/* Misc */



/*
div.topnavwrap {   margin:10px 0px 0px 0px; width:100%;   }
div.topnav { width: 600px;   margin-left:auto; margin-right:auto;  }
*/

.mojo-tabs  li
{
	list-style-type: none !important;
}


/*
.breadcrumbs a,
.breadcrumbs  a:link,
.breadcrumbs a:visited,
.breadcrumbs a:hover,
.breadcrumbs a:active,
a.cancellink,
a.cancellink:link,
a.cancellink:visited,
a.cancellink:hover,
a.cancellink:active { color:white; }
*/

.AspNet-GridView tbody td,
.AspNet-GridView tbody a,
.AspNet-GridView tbody a:link,
.AspNet-GridView tbody a:visited,
.AspNet-GridView tbody a:hover,
.AspNet-GridView tbody a:active { color:black; }

.logolist,.pageicons,.skiplink { display:none; }


/*.modulecontent { padding: 5px; }*/
.modulefooter { display: none; }

.breadcrumbs { padding: 0 4px 10px 0; clear: left; font-size: 11px;}
.breadcrumbs a { color:inherit; }
.unselectedcrumb { font-weight:400; }
.selectedcrumb { font-weight:700; }
.modulepager { vertical-align:top; padding:4px; }
.modulepager, .ModulePager, .PageInfo, .SelectedPage, .pageditlinks a { font-size: 18px; }
.buttonlink { background-color:transparent; color:#03F; cursor:pointer; text-decoration:underline; font-size:13px; border-style:none; padding-left: 0px; text-align:left; }
.mediaedit .buttonlink { color:white; }

.gmaptextbox { width:27em; }
.gmap { margin:0 0 10px; }
.bmap { position:relative; }


.foldergallery a { color:#FFF; }
.albumMetaName { font-weight:700; }
.foldergallery h1 { font-size:large; margin-bottom:20px; }
.albumFloat { float:left; text-align:center; margin-right:8px; margin-bottom:4px; }
.albumMetaSectionHead { background-color:Gray; color:#FFF; font-weight:700; }

.ratingcontainer { float:left; margin-left:0; }

.eventcalendar table { clear:both; }
.forumnotify { white-space:nowrap; vertical-align:middle; padding: 10px 0px 5px 0px; }
.forumnotify img {float:left;}

.clearpanel { clear:left; padding-top:15px; }
.clear { clear:both; }
.minheightpanel { min-height:200px; }
.center { text-align:center; }
.cmwrapper { margin:10px; }

.vevent { padding:10px; }
.vevent abbr { border:0; }
.whoson { float:left; padding:5px; }
.searchterm { color:#000; background-color:#FF0; }
.templatewrapper { border-bottom:solid 4px #000; }
.linkdescription { padding:5px; }
.padded { padding:7px; }

/* password stength meter */
.pwspoor { background-color: Red; color:White; padding:5px 5px 5px 5px;}
.pwsweak { background-color: Orange; color:White; padding:5px 5px 5px 5px; }
.pwsaverage { background-color: Yellow; color:Black; padding:5px 5px 5px 5px; }
.pwsstrong { background-color:Teal; color:Black; padding:5px 5px 5px 5px; }
.pwsexcellent { background-color:Green; color:White; padding:5px 5px 5px 5px; }
.pwdstrengthbarborder { border-style:solid; border-width:1px; width:200px; vertical-align:middle; }
.pwdstrengthbar { width:200px; height:15px; padding:2px 2px 2px 2px;}

.hidden{ display:none; }
  
.fthumbs img{
    padding:5px;
    margin:5px;
    -moz-box-shadow:#333 2px 2px 5px;
    -webkit-box-shadow:#333 2px 2px 5px;
    cursor:pointer;
  }
  
  span.btn{
    padding:10px;
    margin-left:5px;
    display:inline-block;
    cursor:pointer;
    font:12px/14px Arial, Helvetica, sans-serif;
    color:#aaa;
    background-color:#eee;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -moz-box-shadow:#999 2px 0px 3px;
    -webkit-box-shadow:#999 2px 0px 3px;
  }
  span.btn.pages{ background-color:#fff;}
  span.btn.pages:hover, span.btn.pages.sel { background-color:#f3f3f3; color:#999; }
  span.btn:hover, span.btn.sel{ background-color:#000; }
  .galleryinfo{ position:relative; display:inline-block;  margin-top:10px; }

.floatrightimage { float:right; margin-right:15px; }
.highlight1 { background-color:#FF0; }
.highlight2 { background-color:lime; }
.floatpanel,.floatleftimage { float:left; margin-right:15px; }body {margin: 0; padding: 0; color: black; font: 11pt/140% Arial, Geneva, sans-serif; min-height: 100% !important; min-width: 100% !important;}
body.pagebody {background: white url("/Data/skins/esc-chapter/images/bkgrnd.jpg") no-repeat top fixed;}

p, li, dd, td {color: black; font-size: 11pt; line-height: 140%;}

h1.PageTitle {font-size: 24pt; color: white; font-weight: normal; text-transform: uppercase; background-color: black; margin: 5px 0 5px 0; padding: 12px 20px;}
h1 {font-size: 20pt; color: #141e65; font-weight: normal; margin: 5px 0; padding: 0; line-height: 30px;}
h2 {font-size: 17pt; color: #141e65; font-weight: normal; margin: 5px 0; padding: 0; line-height: 27px;}
h3 {font-size: 14pt; color: #141e65; font-weight: normal; margin: 5px 0; padding: 0;}
h4 {font-size: 12pt; color: #141e65; font-weight: normal; margin: 5px 0; padding: 0;}

a {color: #ef8c26;}
a:hover {color: #141e65;}

img {border: 0}
.center {margin: 0 auto; text-align: center;}
.clear {clear: both}

.top {margin-top: 0;}
.bottom {margin-bottom: 0;}
.topbot {margin-top: 0; margin-bottom: 0;}

.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left  {text-align: left;}
.text-indent-1 {margin-left: 25px;}
.text-indent-2 {margin-left: 50px;}
.text-indent-3 {margin-left: 75px;}
.font-xsmall {font-size: 80%;}
.font-small {font-size: 90%;}
.font-normal {font-size: 100%;}
.font-large {font-size: 110%;}
.font-xlarge {font-size: 120%;}

/*Header*/
#container {width: 971px; margin: 0 auto;}

#header {width: 971px; height: 138px;}

#logo {position: absolute; z-index: 1500; width: 126px; height: 125px; margin: 5px 0 0 10px; background: url("/Data/skins/esc-chapter/images/ESC-logo.png") no-repeat 0 0; cursor: pointer;}

#topmenu {float: right; width: 600px; margin: 7px 0 0 0; padding: 0;}
	#topmenu .links {float: right; height: 30px; margin: 3px 15px 0 0; text-align: right; text-transform: uppercase; font-size: 10pt; font-weight: bold;}
		#topmenu .links span {margin: 0 0 0 4px; color: black;}
		#topmenu .links a {color: black; text-decoration: none;}
		#topmenu .links a:hover  {color: white;}

#search {float: right; margin-right: -4px; text-align: right;}
	#search input {width: 110px; height: 16px; padding: 2px 4px; border: 1px solid black;}
	#search .btn-search {width: 0; height: 0; margin: 0; padding: 0; border: 0;}

/*Menu*/
#menu {clear: both; width: 971px; height: 60px; background-color: black; margin-top: 60px; *margin-top: -10px;}
	#menu ul {list-style: none; text-align: right;}
		#menu li {display: inline-block; *display: inline; position: relative; padding: 0 18px; font-size: 18px; line-height: 60px; font-weight: bold; text-transform: uppercase;}
			#menu li a {color: #ef8c26; text-decoration: none;}
			#menu li a:hover,#menu li a.active,#menu :hover > a  {color: white;}
		#menu li ul { /* second-level lists */
			display: block;
			position: absolute;
			left: -999em;
			width: auto;
			height: auto;
			margin: 0;
			padding: 0;
			background: rgba(0, 0, 0, 0.9); *background: black;
			z-index: 5;
		}
			#menu li li {
				display: block;
				float: none;
				height: auto;
				margin: 0;
				padding: 0;
				border-bottom: 1px solid #666666;
				font-size: 12px;
				line-height: 16px;
				text-transform: none;
			}
				#menu li li:last-child {border: none;}
				#menu li li a {
					display: block;
					width: 200px;
					height: auto;
					margin: 0;
					padding: 5px 10px;
					background: none;
					color: white;
					text-align: left;
					font-weight: normal;
					text-shadow: none;
				}
				#menu li li a:hover,#menu li li a.active,#menu li :hover > a {background-color: #ef8c26; color: black;}
				#menu li li ul { /* third-level lists */
				}
			#menu li:hover ul ul, #menu li:hover ul ul ul {left: -999em;}
			#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul {left: 0;}
			#menu li li:hover ul, #menu li li li:hover ul {top: 0; left: 220px;}
			#menu li:hover ul a {color: white; text-shadow: none;}
			#menu li:hover ul a:hover {background-color: #ef8c26; color: black;}

/*Home*/
#banner {clear: both; width: 971px; height: 345px; *height: 355px; padding-top: 10px; background: url("/Data/skins/esc-chapter/images/banner-bkgrnd.png") repeat 0 0;}
	#banner h1 {*float: left; width: 630px; height: 40px; padding: 12px 20px; background-color: black; color: white; font-size: 24pt; font-weight: normal; text-align: left; text-transform: uppercase;}
 	#banner table {margin: 7px auto 0; padding: 0;}
		#banner table td {padding: 4px 8.5px;}

#home .content {margin-top: 20px; color: white; font-size: 12pt; text-align: left;}
#home .join {float: right; margin-left: 20px;}

#homeboxes {clear: both; width: 971px; height: 310px; margin-top: 30px}
	#homeboxes .video {float: left; width: 306px;}
		#homeboxes .video h2 {margin-bottom: 5px; padding: 0; color: white; font-size: 16pt; text-align: center;}
	#homeboxes .facebook {float: left; width: 306px; height: 306px; margin: 0 26px; background-color: black;}
	#homeboxes .news {float: right; width: 306px; font-size: 10pt; font-weight: bold; text-align: left;}
		#homeboxes .news h2 {color: white; font-size: 16pt}
		#homeboxes .news .date {color: white; padding-top: 5px}
		#homeboxes .news .title  {padding-bottom: 7px; border-bottom: 1px solid #8891ad; line-height: 120%;}
			#homeboxes .news .title a {color: #ef8c26; text-decoration: none;}
			#homeboxes .news .title a:hover {color: white;}
		#homeboxes .news .seeall {margin-top: 3px;}
			#homeboxes .news .seeall a {color: white; text-decoration: none;}
			#homeboxes .news .seeall a:hover {color: #ef8c26;}

#sponsors {clear: both; margin-top: 25px; padding: 12px; background: url("/Data/skins/esc-chapter/images/blue-box-bkgrnd.png") repeat 0 0;}
	#sponsors h2 {color: white; font-size: 16pt; text-align: left;}

/*Content*/
.maincontent {width: 971px; padding: 10px 0; text-align: left; background: url("/Data/skins/esc-chapter/images/banner-bkgrnd.png") repeat 0 0;}
	.maincontent .textbox {display: block; margin: 10px 20px; padding: 20px 30px; background-color: white; position: relative;}
	.home .maincontent {background: rgba(0,0,0,0.85);}
	.home .maincontent .textbox {margin: -5px 0 0 0;}
		.home .maincontent .HeaderImage {margin: 0;}
		.home h1.PageTitle {margin: -10px 0 0;}

/*.leftside {position: absolute; left: 0; top: 0; width: 300px;}
.center-nomargins { margin: 0; }
.center-rightandleftmargins { margin: 0 310px; }
.center-rightmargin { margin: 0 310px 0 0; }
.center-leftmargin { margin: 0 0 0 310px; }
.rightside {position: absolute; right: 0; top: 40px; width: 300px; }*/

.leftside {float: left; width: 270px; margin: 0;}
.center-nomargins {float: left; width: 871px; margin: 0;}
.center-rightandleftmargins {float: left; width: 271px; margin: 0 20px;}
.center-rightmargin {float: left; width: 571px; margin: 0 20px 0 0;}
.center-leftmargin { float: left; width: 571px; margin: 0 0 0 20px;}
.rightside {float: left; width: 270px; margin: 0;}

.home .center-nomargins {width: 911px; margin: 0;}
.home .center-rightandleftmargins {width: 311px; margin: 0 30px;}
.home .center-rightmargin {width: 500px; margin: 0 30px 0 0;}
.home .center-leftmargin {width: 500px; margin: 0 0 0 30px;}
.home .rightside {width: 381px;}
.home .leftside {width: 381px;}

/*Breadcrumbs*/
.breadcrumbs a {text-decoration: none;}
	.breadcrumbs a:hover {color: #ef8c26;}

/*At a Glance Box*/
.ataglance {float: right; width: 50%; margin: 0 0 15px 15px;}
	.ataglance h1 {font-size: 16pt;}
	.ataglance h3 {font-size: 11pt; font-weight: bold;}
	.ataglance table {border-collapse: collapse;}
	.ataglance td,.ataglance th {padding: 5px; border: 1px solid black; vertical-align: top;}
		.ataglance th {background-color: #141e65; color: white;}
			.ataglance th.category {width: 140px;}
			.ataglance th.details {width: 275px;}
			.ataglance th.yesno {width: 20px; text-align: center;}
			.ataglance th p {margin: 0; color: white; font-size: 9pt;}
		.ataglance td p {margin: 0; font-size: 8pt;}

/*Side Box*/
.sidebox {
	margin: 0 0 20px;
	padding: 10px 10px 0;
	border: 1px solid black;
}
	.sidebox h1 {
		margin: -10px -10px 0;
		padding: 5px 10px;
		background: black;
		color: white;
		text-transform: uppercase;
		font-size: 13pt;
	}
	.sidebox p {font-size: 9pt;}
	.sidebox ul {margin: 0 0 -10px; padding: 0;}
	.sidebox li {font-size: 9pt; margin: 10px 0 10px; list-style: none;}

.sitemap ul li {list-style: square;}

#sitemap {clear: both; margin-top: 12px; padding: 12px 50px; background: url("/Data/skins/esc-chapter/images/blue-box-bkgrnd.png") repeat 0 0; text-align: left;}
	#sitemap h3 {float: left; width: 100px; color: white; font-size: 10pt; text-align: left; font-weight:bold;}
    #sitemap p {margin: 0; font-size: 9pt; font-weight: bold; text-transform: uppercase;}
    #sitemap dl {margin: 0;}
    #sitemap a {color: #ef8c26; text-decoration: none;}
    #sitemap a:hover {color: white;}
    #sitemap dd {margin: 0 0 3px 0; font-size: 8pt; font-weight: normal;}
	#sitemap td {width: 20%;}
	#sitemap .columnone {float: left; width: 198px;}
	#sitemap .columntwo {float: left; width: 198px; margin: 0 12px;}
	#sitemap .columnthree {float: left; width: 198px; margin: 0 12px;}
	#sitemap .columnfour {float: right; width: 198px;}
		#sitemap .columnone ul, #sitemap .columntwo ul, #sitemap .columnthree ul, #sitemap .columnfour ul {list-style: none; margin: 0; padding: 0;}
		#sitemap .columnone a, #sitemap .columntwo a, #sitemap .columnthree a, #sitemap .columnfour a {color: #ef8c26; font-size: 9pt;}
		#sitemap .columnone a:hover, #sitemap .columntwo a:hover, #sitemap .columnthree a:hover, #sitemap .columnfour a:hover {color: white;}

/*Footer*/
#footer {clear: both; padding: 5px 10px 10px 0; color: white; font-size: 8pt; text-align: center;}

/*WYSIWYG*/
body.wysiwygeditor {background: none;}/*body	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: black; font-weight: normal;}*/
td.List1 label,td.List1bold label,td.List2 label,td.List2bold label {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: black; font-weight: normal;}

/*h1	{font-size: 14pt; font-family: verdana, arial, sans-serif; color: #C02620; font-weight: bold; margin-top: 0; margin-bottom: 10px;}*/

/* This class defines the syles for all generic links */
/*a,a:visited {color: #C02620;  text-decoration: none} 
a:hover {color: #FFB508; text-decoration: underline;}*/

/*img {border: 0;}*/

/* This class defines the styles for table headers in the  */
/* This class defines the styles for table headers in the  */
.TableHeader 
{
	color: white; 
	background-color: #141e65;
	font: bold 11px Verdana,tahoma,Arial;
	padding: 2px 6px 2px 6px; 
	border: 1px solid white;
}

/* This class defines table backgrounds */
.List1
{
	color: #14314F; 
	background-color: #C0C0C0;
	font: normal 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}

/* This class defines table backgrounds with bold type */
.List1bold
{
	color: #14314F; 
	background-color: #C0C0C0;
	font: bold 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}

/* This class defines table backgrounds */
.List2,.List2 p
{
	color: #14314F; 
	background-color: #E2E2E2;
	font: normal 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}

/* This class defines table backgrounds with bold type*/
.List2bold,.List2bold p
{
	color: #14314F; 
	background-color: #E2E2E2;
	font: bold 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}
.List1 p, .List1bold p, .List2 p, .List2bold p,
.List1 ul, .List1bold ul, .List2 ul, .List2bold ul
{
	font: normal 10px/14px Verdana,tahoma,Arial;
	margin: 0;
	border: 0;
}

/* This class defines the styles for all generic buttons */
.InputSubmit1
{
	color: white;
	background-color: #ef8c26;
	font: bold 10px Verdana,Arial,Helvetica,Sans Serif;
	border: 1px solid #14314F;
}

/* This class defines the styles for all buttons on the main admin display*/
.InputSubmit2
{
	color: black; 
	background-color: white;
	font: bold 10px Verdana,Arial,Helvetica,Sans Serif;
	border: 1px solid #14314F;
}

/* This class defines the styles for all input boxes*/
.InputBox
{
	color: black;
	background-color: #FDFDFD;
	font: normal 10px Verdana,tahoma,Arial;
	border: 1px solid black;
}

/* This class defines the styles for all text areas*/
.InputBoxTextArea
{
	color: black;
	background-color: #FDFDFD;
	font: normal 10px Verdana,tahoma,Arial;
	border: 1px solid black;
}

/* This class defines the styles for main tables*/
.Table1
{
	border: 1px solid black;
	margin: 1px 0 10px 0;
	border-collapse: separate;
}

/* This class defines the styles for all  control panel links*/
a.IconLink:link {color: #C02620;  text-decoration: none} 
a.IconLink:active {color: #C02620; text-decoration: none} 
a.IconLink:visited {color: #C02620; text-decoration: none} 
a.IconLink:hover {color: #FFB508; text-decoration: underline;}

/* This class defines the styles for all header links*/
a.HeaderLink:link {color: white;  text-decoration: none} 
a.HeaderLink:active {color: white; text-decoration: none} 
a.HeaderLink:visited {color: white; text-decoration: none} 
a.HeaderLink:hover {color: white; text-decoration: underline;}

.background {background-color: #C02620;}

/* This class defines the styles for all error messages */
.Error {
	color: #C02620;
}

/* This class defines the styles for all required fields */
.Required {
	font: bold 10px Verdana,tahoma,Arial;
	color: #C02620;
}

.exceltext {mso-number-format: \@;}

.validatorHighlight {background-color: lemonchiffon;}

.progressBackgroundFilter,#progressBackgroundFilter {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background-color: #000; 
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index: 1000;
}

.Watermark
{
	color: #666666;
	background-color: #FDFDFD;
	border: 1px solid black;
	font-family: Verdana,tahoma,Arial; 
	font-size: 10px;
	font-weight: normal;
}

/* Dynamic Expo Map */
#ctl00_ContentPlaceHolder1_DynamicExpoMap
{
	position: relative;
}
#ctl00_ContentPlaceHolder1_DynamicExpoMap a
{
	position: absolute;
	display: block;
	border: 1px black solid;
	vertical-align: middle;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
	font-family: Arial;
	font-size: 17px;
	text-decoration: none;
}
a.booth, a.booth:link
{
	background-color: white;
	color: black;
	text-decoration: none;
}
a.boothreserved,a.boothreserved:hover
{
	background-color: #cccccc;
	color: black;
	text-decoration: none;
}
a.yourbooth,a.yourbooth:hover
{
	background-color: #19597C;
	color: white;
	text-decoration: none;
}
a.booth:hover, a.boothselected, a.boothselected:hover
{
	background-color: #FB3333;
	color: white;
	text-decoration: none;
}

/* Checkboxlist Styles */
#CheckboxStyle td label {vertical-align: top;}