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; }


/* added for 2.7 */
.pagelayout__item-btn { 
    background: 0; 
    border: 0 none; 
    outline: 0 none;
    padding: 5px 0;
    cursor: pointer;
}
.pagelayout__item-btn:hover > svg {
    fill: #a90a11;
}

.pagelayout .panelistbox { 
    display: flex; 
    flex-flow: row nowrap; 
}

.pagelayout-item-btns {
    width: 40px;
    flex: 1 1 33px;
}
/* end add for 2.7 *//* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp * {
	margin:0px; padding:0px;
	outline:none;
}
.markItUp a:link,
.markItUp a:visited {
	color:#000;
	text-decoration:none;
}
.markItUp  {
	width:700px;
	margin:5px 0 5px 0;
	border:5px solid #F5F5F5;	
}
.markItUpContainer  {
	border:1px solid #3C769D;	
	background:#FFF url("/ClientScript/markitup/skins/html/images/bg-container.png") repeat-x top left;
	padding:5px 5px 2px 5px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
.markItUpEditor {
	font:12px 'Courier New', Courier, monospace;
	padding:5px 5px 5px 35px;
	border:3px solid #3C769D;
	width:643px;
	height:320px;
	background:#FFF url("/ClientScript/markitup/skins/html/images/bg-editor.png") no-repeat;
	clear:both;
	line-height:18px;
	overflow:auto;
}
.markItUpPreviewFrame	{
	overflow:auto;
	background-color:#FFFFFF;
	border:1px solid #3C769D;
	width:99.9%;
	height:300px;
	margin:5px 0;
}
.markItUpFooter {
	width:100%;
	cursor:n-resize;
}
.markItUpResizeHandle {
	overflow:hidden;
	width:22px; height:5px;
	margin-left:auto;
	margin-right:auto;
	background-image:url("/ClientScript/markitup/skins/html/images/handle.png");
	cursor:n-resize;
}
/***************************************************************************************/

.markItUpEditor {
	
	background:#FFF url("/ClientScript/markitup/skins/html/images/bg-editor-html.png") no-repeat;
	
}

/* first row of buttons */
.markItUpHeader ul li	{
	list-style:none;
	float:left;
	position:relative;
}
.markItUpHeader ul li ul{
	display:none;
}
.markItUpHeader ul li:hover > ul{
	display:block;
}
.markItUpHeader ul .markItUpDropMenu {
	background:transparent url("/ClientScript/markitup/skins/html/images/menu.png") no-repeat 115% 50%;
	margin-right:5px;
}
.markItUpHeader ul .markItUpDropMenu li {
	margin-right:0px;
}
.markItUpHeader ul .markItUpSeparator {
	margin:0 10px;
	width:1px;
	height:16px;
	overflow:hidden;
	background-color:#CCC;
}
.markItUpHeader ul ul .markItUpSeparator {
	width:auto; height:1px;
	margin:0px;
}
/* next rows of buttons */
.markItUpHeader ul ul {
	display:none;
	position:absolute;
	top:18px; left:0px;	
	background:#F5F5F5;
	border:1px solid #3C769D;
	height:inherit;
}
.markItUpHeader ul ul li {
	float:none;
	border-bottom:1px solid #3C769D;
}
.markItUpHeader ul ul .markItUpDropMenu {
	background:#F5F5F5 url("/ClientScript/markitup/skins/html/images/submenu.png") no-repeat 100% 50%;
}
/* next rows of buttons */
.markItUpHeader ul ul ul {
	position:absolute;
	top:-1px; left:150px;
}
.markItUpHeader ul ul ul li {
	float:none;
}
.markItUpHeader ul a {
	display:block;
	width:16px; height:16px;
	text-indent:-10000px;
	background-repeat:no-repeat;
	padding:3px;
	margin:0px;
}
.markItUpHeader ul ul a {
	display:block;
	padding-left:0px;
	text-indent:0;
	width:120px; 
	padding:5px 5px 5px 25px;
	background-position:2px 50%;
}
.markItUpHeader ul ul a:hover  {
	color:#FFF;
	background-color:#3C769D;
}
/***************************************************************************************/
.html .markItUpButton1 a {
	background-image:url("/ClientScript/markitup/skins/html/images/h1.png"); 
}
.html .markItUpButton2 a {
	background-image:url("/ClientScript/markitup/skins/html/images/h2.png"); 
}
.html .markItUpButton3 a {
	background-image:url("/ClientScript/markitup/skins/html/images/h3.png"); 
}
.html .markItUpButton4 a {
	background-image:url("/ClientScript/markitup/skins/html/images/h4.png"); 
}
/*
.html .markItUpButton5 a {
	background-image:url("/ClientScript/markitup/skins/html/images/h5.png"); 
}
.html .markItUpButton6 a {
	background-image:url("/ClientScript/markitup/skins/html/images/h6.png"); 
}
.html .markItUpButton7 a {
	background-image:url("/ClientScript/markitup/skins/html/images/paragraph.png"); 
}
*/
.html .markItUpButton5 a {
	background-image:url("/ClientScript/markitup/skins/html/images/paragraph.png"); 
}

.html .markItUpButton6 a {
	background-image:url("/ClientScript/markitup/skins/html/images/bold.png");
}

/*
.html .markItUpButton9 a {
	background-image:url("/ClientScript/markitup/skins/html/images/italic.png");
}
.html .markItUpButton10 a {
	background-image:url("/ClientScript/markitup/skins/html/images/stroke.png");
}


.html .markItUpButton11 a {
	background-image:url("/ClientScript/markitup/skins/html/images/list-bullet.png");
}
.html .markItUpButton12 a {
	background-image:url("/ClientScript/markitup/skins/html/images/list-numeric.png");
}
.html .markItUpButton13 a {
	background-image:url("/ClientScript/markitup/skins/html/images/list-item.png");
}

.html .markItUpButton14 a {
	background-image:url("/ClientScript/markitup/skins/html/images/picture.png"); 
}
.html .markItUpButton15 a {
	background-image:url("/ClientScript/markitup/skins/html/images/link.png");
}

.html .markItUpButton16 a {
	background-image:url("/ClientScript/markitup/skins/html/images/clean.png");
}
*/

.html .markItUpButton7 a {
	background-image:url("/ClientScript/markitup/skins/html/images/list-bullet.png");
}
.html .markItUpButton8 a {
	background-image:url("/ClientScript/markitup/skins/html/images/list-numeric.png");
}
.html .markItUpButton9 a {
	background-image:url("/ClientScript/markitup/skins/html/images/list-item.png");
}

.html .markItUpButton10 a {
	background-image:url("/ClientScript/markitup/skins/html/images/picture.png"); 
}
.html .markItUpButton11 a {
	background-image:url("/ClientScript/markitup/skins/html/images/link.png");
}

.html .preview a {
	background-image:url("/ClientScript/markitup/skins/html/images/preview.png");
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url("/ClientScript/colorbox/images/overlay.png") repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url("/ClientScript/colorbox/images/controls.png") no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url("/ClientScript/colorbox/images/controls.png") no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url("/ClientScript/colorbox/images/controls.png") no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url("/ClientScript/colorbox/images/controls.png") no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url("/ClientScript/colorbox/images/controls.png") left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url("/ClientScript/colorbox/images/controls.png") right top repeat-y;}
    #cboxTopCenter{height:21px; background:url("/ClientScript/colorbox/images/border.png") 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url("/ClientScript/colorbox/images/border.png") 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url("/ClientScript/colorbox/images/controls.png") no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url("/ClientScript/colorbox/images/controls.png") no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url("/ClientScript/colorbox/images/loading_background.png") no-repeat center center;}
        #cboxLoadingGraphic{background:url("/ClientScript/colorbox/images/loading.gif") no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url("/ClientScript/colorbox/images/controls.png") no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/ClientScript/colorbox/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/ClientScript/colorbox/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/ClientScript/colorbox/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/ClientScript/colorbox/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/ClientScript/colorbox/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/ClientScript/colorbox/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/ClientScript/colorbox/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/ClientScript/colorbox/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox mojoPortal "dark1" style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxTopLeft{width:14px; height:43px; background:url("/ClientScript/colorbox/cb_mojo_dark1_images/controls.png") no-repeat 0 0;}
    #cboxTopCenter{height:43px; background:url("/ClientScript/colorbox/cb_mojo_dark1_images/border.png") repeat-x top left;}
    #cboxTopRight {width:14px; height:43px; background:url("/ClientScript/colorbox/cb_mojo_dark1_images/controls.png") no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url("/ClientScript/colorbox/cb_mojo_dark1_images/controls.png") no-repeat 0 -43px;}
    #cboxBottomCenter{height:43px; background:url("/ClientScript/colorbox/cb_mojo_dark1_images/border.png") repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url("/ClientScript/colorbox/cb_mojo_dark1_images/controls.png") no-repeat -36px -43px;}
    #cboxMiddleLeft{width:14px; background:url("/ClientScript/colorbox/cb_mojo_dark1_images/controls.png") repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url("/ClientScript/colorbox/cb_mojo_dark1_images/controls.png") repeat-y -211px 0;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url("/ClientScript/colorbox/cb_mojo_dark1_images/loading_background.png") no-repeat center center;}
        #cboxLoadingGraphic{background:url("/ClientScript/colorbox/cb_mojo_dark1_images/loading.gif") no-repeat center center;}
        #cboxCurrent{position:absolute; top:-27px; left:58px; font-weight:bold; color:#7C7C7C; }
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{text-indent: -9999px; width:23px; height:23px; position:absolute; top: -31px; background:url("/ClientScript/colorbox/cb_mojo_dark1_images/controls.png") no-repeat 0 0;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        #cboxTitle{position:absolute; top:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
		/* ----------------------------------
mojoPortal Admin Menu CSS
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 -- 2.8+ */
.panelwrapper.adminmenu { 
    padding: 30px 30px 30px 27px;
}

.adminmenu ul.simplelist * {
    box-sizing: border-box;
}

.adminmenu ul.simplelist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: -15px; 
    margin-right: -15px;
    padding: 0
}

.adminmenu ul.simplelist>li {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100%/7);
    flex: 0 0 calc(100%/7);
    font-family: arial,sans-serif;
    font-size: 14px;
    min-width: 160px;
    padding: 15px;
    text-align: center;
}

.adminmenu ul.simplelist>li a {
    border: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    position: relative;
	text-decoration: none;
}

.adminmenu ul.simplelist>li a>span.fa {
    margin: 10px 0;
    font-size: 30px;
}

.adminmenu ul.simplelist>li a>span.fa.fa-stack {
    font-size: 20px;
}

.adminmenu ul.simplelist>li a:hover {
    background-color: #eee;
    text-decoration: none;
}

/* Admin menu -- before 2.8 
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

*/


/*
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; 
	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; }
*/

/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 2000 !important;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 2150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 2500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

html[dir='rtl'] .GB_header .close {
    text-align: left;
}

.GB_header .close img {
    z-index: 2500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
html[dir='rtl'] .GB_Window .close { text-align: left; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }

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; }#iwmf
{
	position:fixed;
	top:0;
	left:0;
	line-height: 11px;
	font: 11px "Lucida Grande","Lucida Sans Unicode", Helvetica, Arial, Lucida, Verdana, sans-serif;
	color:#ccc;
	text-align:left;
	z-index:256;
	margin:0;
	padding:0;
	border:0;
	width:auto;
}

#iwmf div, #iwmf span {
color:#ccc;
text-align:left;
padding:0;
margin:0;
border:0;
font-size:11px;
font-family: "Lucida Grande","Lucida Sans Unicode", Helvetica, Arial, Lucida, Verdana, sans-serif;
background:none;
width:auto;
}


#iwmf a
{
	color:#ccc;
	text-decoration:none;
}

#iwmf a:hover
{
	color:#fff;
	text-decoration:underline;
}

#iwmf a:visited
{
	color:#ccc;
	text-decoration:none;
}

#iwmf a:active
{
	color:#ccc;
	text-decoration:underline;
}

#iwmf ul
{
	margin:0;
	padding:0;
}

#iwmf li
{
	list-style:none;
	margin:0px;
	padding:0;
}

#iwmf #iwmf_mainContainer
{
	/* width: 100%; */
	margin:0;
	padding:0;
	background-image:url("/ClientScript/oomph/images/50x50_bg.png");
	background-repeat:repeat;
	display:none;
}

#iwmf .iwmf_box
{
	margin:20px 0 20px 20px;
	padding-right:20px;
	float:left;
	width:240px;
	border-right:1px solid #333;
	height:100%;
}

#iwmf #clear
{
	clear:both;
}

#iwmf #shadow
{
	clear:both;
	background-image:url("/ClientScript/oomph/images/bottom_shadow.png");
	min-height:23px;
}


#iwmf #iwmf_mapFrame
{
	width:200px;
	overflow:hidden;
	min-height:200px;
	margin:20px;
	padding-right:20px;
	float:left;
	position:relative;
	border-right:1px solid #fff;
}

#iwmf .iwmf_typeHead
{
	margin:0 0 20px 0;
	text-transform:uppercase;
}

#iwmf .iwmf_Next
{
	float:right;
	margin-right:10px;
	font-size:.8em;
	text-transform:uppercase;
}

#iwmf .iwmf_Prev
{
	float:right;
	margin-right:10px;
	font-size:.8em;
	text-transform:uppercase;
}

#iwmf #iwmf_gleam
{
	float:left;
	margin:0;
	padding:0 0 0 10px;
	width:22px;
	height:26px;
	background-image:url("/ClientScript/oomph/images/oomphGleam.gif");
	background-repeat:no-repeat;
	background-position:center;
	background-color:#000000;
	cursor:pointer;
}

#iwmf #iwmf_mainNavContainer
{
	background-color:#000000;
	padding-top:2px;
	margin:0px;
	width:auto;
	height:24px;
	display:none;
}

#iwmf .iwmf_green
{
	color:#6aa339;
}

#iwmf #iwmf_info
{
	float:left;
	font-size:10px;
	height:18px;
	margin-top:2px;
	color:#999;
	text-transform:uppercase;
}

#iwmf #iwmf_closeButton
{
	float:right;
	width:30px;
	height:17px;
	background-image:url("/ClientScript/oomph/images/closeIcon.png");
	background-repeat:no-repeat;
	margin:2px 20px 0 10px;
}


#iwmf .iwmf_photo
{
	height:50px;
	width:50px;
	float:left;
	border:5px solid #333;
	margin-right:10px;
	clear:both;
}

#iwmf .iwmf_netBar
{
	padding:10px 5px 0 0;
	margin-top:10px;
	height:100%;
}

#iwmf .iwmf_netBar img
{
	border:0;
}

#iwmf .iwmf_netBar ul
{
	margin:0;
	padding:0;
}

#iwmf .iwmf_netBar li
{
	display:inline;
	margin:0px 10px 0px 0px;
}

#iwmf .iwmf_iconOutlook a:link,
#iwmf .iwmf_iconOutlook a

{
	background:transparent url("/ClientScript/oomph/images/outlook.png") no-repeat scroll 0 50%;
	display:block;
	height:16px;
	float:left;
	text-indent:-5000px;
	width:16px;
	padding:5px;
	

}

#iwmf .iwmf_iconLive a:link,
#iwmf .iwmf_iconLive a

{
	background:transparent url("/ClientScript/oomph/images/live.png") no-repeat scroll 0 50%;
	display:block;
	height:16px;
	float:left;
	text-indent:-5000px;
	width:16px;
	padding:5px;
}

#iwmf .iwmf_iconGoogle a:link,
#iwmf .iwmf_iconGoogle a

{
	background:transparent url("/ClientScript/oomph/images/google.png") no-repeat scroll 0 50%;
	display:block;
	float:left;
	height:16px;
	text-indent:-5000px;
	width:16px;
	padding:5px;
}

#iwmf .iwmf_iconYahoo a:link,
#iwmf .iwmf_iconYahoo a

{
	background:transparent url("/ClientScript/oomph/images/yahoo.png") no-repeat scroll 0 50%;
	display:inline-block;
	height:16px;
	float:left;
	text-indent:-5000px;
	width:27px;
	padding:5px;
}

#iwmf .iwmf_iconApple a:link,
#iwmf .iwmf_iconApple a 

{
	background:transparent url("/ClientScript/oomph/images/apple.png") no-repeat scroll 0 50%;
	display:block;
	height:16px;
	float:left;
	text-indent:-5000px;
	width:16px;
	padding:5px;
}

#iwmf .iwmf_icon30b a:link,
#iwmf .iwmf_icon30b a

{
	background:transparent url("/ClientScript/oomph/images/30boxes.png") no-repeat scroll 0 50%;
	display:block;
	height:16px;
	float:left;
	text-indent:-5000px;
	width:16px;
	padding:5px;
}


#iwmf .iwmf_summary
{
	font-size:16px;
	margin-bottom:5px;
}

#iwmf .iwmf_fn
{
	font-size:16px;
	margin-bottom:5px;
}

#iwmf .iwmf_org
{
	font-size:12px;
}

#iwmf .iwmf_dtend
{
}

#iwmf .iwmf_geo
{
}

#iwmf .iwmf_category
{
}

#iwmf .iwmf_url
{
	font-weight:bold;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #333;
}
#iwmf .iwmf_country-name
{
}

#iwmf .iwmf_description
{
	margin-top:10px;
}

#iwmf .iwmf_given-name
{
	font-size:16px;
	margin-bottom:5px;
}

#iwmf .iwmf_family-name
{
	font-size:16px;
	margin-bottom:5px;
}


#iwmf .iwmf_vEventContainer
{
	width:100%;
}

#iwmf .iwmf_hCardContainer
{
	width:100%;
}

#iwmf .iwmf_hCardContainer
{
	width:100%;
}

#iwmf .iwmf_hAudioContainer
{
	width:100%;
}


#iwmf #iwmf_mainEventContainer
{
	float:left;
	display:inline;
	width:20%;
}

#iwmf #iwmf_mainhCardContainer
{
	float:left;
	display:inline;
	width:20%;
}
#iwmf #iwmf_mainhAudioContainer
{
	float:left;
	display:inline;
	width:20%;
}
#iwmf .iwmf_hmediaphoto
{
	max-width:220px;
	border:5px #666 solid;
}
/* 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%;  }


       

.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:#444 1px solid;
}
.AspNet-GridView table { width: 100%; }
.AspNet-GridView table.editgrid { margin:0px;}


.AspNet-GridView table thead
{
    background-image: url("/Data/style/gridview/HeaderSoftGrey.jpg");
    background-position:center;
    background-repeat:repeat-x;
    background-color:#1d1d1d;
}

.AspNet-GridView table thead th
{
    padding: 5px;
    color: #ffffff;
	text-align:left;
}

.AspNet-GridView table thead th a
{
    text-decoration:none;
    color:#ffffff;
    display:block;
    text-align:left;
    
}

.AspNet-GridView table tbody tr td
{
    padding: 5px;
    border-right: solid 1px #1d1d1d;
	background-color: #c9c9c9;
}

.AspNet-GridView table tbody tr.AspNet-GridView-Alternate td
{
    background-color: #f0f0f0;
}

.AspNet-GridView div.AspNet-GridView-Pagination
{
background-image: url("/Data/style/gridview/HeaderSoftGrey.jpg");
    background-position:center;
    background-repeat:repeat-x;
    background-color:#1d1d1d;
}

.AspNet-GridView div.AspNet-GridView-Pagination a
{
    color:#ffffff;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border-top:solid 1px #777777;
    border-right:solid 1px #333333;
    border-bottom:solid 1px #333333;
    border-left:solid 1px #777777;
	font-size: 16px;
}
.AspNet-GridView div.AspNet-GridView-Pagination span
{
	font-size: 16px;
    font-weight:bold;
    color:#FFFFFF;
    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; }


/* 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;
}

.pagebody {
	margin: 0px;
	padding: 0px;
	font-family:arial, sans-serif !important; font-size:12px;
	color: #54534A;
	background-color: #00afdc;
}
img {
	border: 0;
}

a{
	text-decoration:none;
	color:#00afdc;
}
a:hover {
	color:#3486BE;
}


#containerPanel {
	clear: both;
	width: 1095px;
	margin: 0 auto;
}

#headerPanel {
	background-image:url("/Data/Sites/1/skins/tna_p53/images/header.png")
;
	height: 177px;
	width: 955px;
	margin: 0 auto;
}
.leftTitle {
	width:165px;
	height:40px;
	color: #fff;
	background-color:00afdc;
}
#logoPanel{
	float: left;
	height: 130px;
	width: 241px;
	text-indent: -9999px;
}

#contentPanel {
	height:auto;
}
#linksArea {
	clear:left;
	float:left;
	width: 70px;
	height:300px;
}
#contentArea {
	float:left;
	width: 915px;
	background-color: #FFFFFF;
	padding: 20px;
}

#members_tag {
	width:70px;
	height:190px;
	background-image:url("/Data/Sites/1/skins/tna_p53/images/members_tag.png")
;
	margin-top:20px;
}
#twitter_tag {
	width:37px;
	height:37px;
	margin: 20px 0 0 20px;
}
#facebook_tag {
	width:37px;
	height:38px;
	margin: 20px 0 0 20px;
}

.AspNet-TreeView ul {
	list-style:none;
	padding: 0px;
	margin: 0px;
}
	
.subHeading {
	font-size:18px;
	color: #00AFDB !important;
	font-weight:600;
	padding-top:15px;
	padding-bottom:10px;
	letter-spacing: -1px;
}
#contentPanel ul li ul {
	padding-left: 20px;
	}




.clearme {
	clear: both;
}

.clearheight {
	clear: left;
}





#leftContent {
	width:200px;
	float:left;	
}


.submit {
background-color: white;
border: 1px solid #00AFDB;
color: #00AFDB;
display: block;
font-size: 100%;
font-weight: bold;
height: 24px;
padding-bottom: 3px;
}

.submit:hover  	
{
    color: #fff;
    background-color: #00afdb;
}




.ulTitle a , .pagebody  .ulTitle a:visited, .ulTitle a:active{
	display: block;	
	width: 170px;
	height:20px;
	padding-top:5px;
	font-weight: 600;
	color:#fff !important;
	float:left;
	padding-left:10px;
	margin-bottom:2px;
	font-size:14px;
	background-color:#00AFDB;
	letter-spacing: -1px;
	text-decoration: none;
}
.leftImage {
	width: 180px;
}

.ulTitle2 {
	float:left;
}

.indent {
	padding-left:20px;
}
.ulItem {
	float:left;
}

.ulTitle2 a  , .pagebody .ulTitle2 a:visited, .ulTitle2 a:active{
	display: block;
	width: 170px;
	height:20px;
	padding-top:5px;
	font-weight: 600;
	color:#fff !important;
	float: left;
	padding-left:10px;
	margin-bottom:2px;
	font-size:14px;
	background-color:#00AFDB;
	letter-spacing: -1px;
	text-decoration: none;
}

.ulTitle a:hover , .ulTitle2 a:hover, .leftItem1 a:hover {
	background-color: #55C1E1;
	
}
#cats {
	margin:auto;
}
.category {
	margin-top:20px;
	width:150px;
	padding-left:7px;
	padding-right: 7px;
	float:left;
}

.category1{
	margin-top:20px;
	width:150px;
	padding-right: 7px;
	float:left;
}
.catLink a, .pagebody .catLink a:visited {
	display:block;
	width: 145px;
	height:35px;
	padding-top:5px;
	padding-left:5px;
	font-size:14px;
	font-weight:600;
	color: #fff !important;
	text-decoration:none;
	background-color: #55C1E1;
	margin-top: -3px;
}
.catLink a:hover {
	display:block;
	background-color:#33bfe2;
}
.leftItem1 a:hover {
	display:block;
	background-color:#33bfe2;
}
.ulItem a {
	display: block;
	width: 140px;
	height:20px;
	padding-top:5px;
	font-weight: 600;
	color:#fff !important;
	float:left;
	padding-left:40px;
	margin-bottom:2px;
	background-color:#55C1E1;
		text-decoration: none;
}


.ulItem a:hover {
	background-color:#00AFDB;
}

.leftHeader {
	width:180px;
	height:25px;
	padding-top:10px;
	background-color:#33bfe2;
	color: #ffffff;
	text-align:left;
	font-size:14px;
	font-weight: bold;
	text-align:center;
	margin-bottom: 2px;
}
.leftItem a{
	display: block;
	width:180px;
	height:25px;
	background-color:#81daf1;
	color: #ffffff  !important;
	font-size:14px;
	padding-top:10px;
	font-weight: bold;
	text-align:center;
margin-bottom: 2px;
}
.leftItem1 a {
	display: block;
	width:180px;
	height:35px;
	color: #ffffff !important;
	padding-top:5px;
	font-size:14px;
	background-color:#55C1E1;
/*	text-transform: uppercase;  */
	text-decoration: none;
	font-weight:600;
	text-align:center;
margin-bottom: 2px;
}

#natCourses { clear: both; }

#natCourses a, #natCourses a:hover, .pagebody #natCourses a:visited {
	margin-top: 15px;
	display: block;
	width:180px;
	height:20px;
	color: #ffffff;
	padding-top:5px;
	font-size:14px;
	background-color:#00AFDB;
/*	text-transform: uppercase;  */
	text-decoration: none;
	font-weight:600;
	text-align:center;
	margin-bottom: 2px;
}
#rightContent {
	float:right;
	clear:right;
}
#rightMenu li {
	height:20px;
	margin-bottom: 4px;
	width: 176px;
	border:2px solid #00AFDB;
}
#rightMenu a, .pagebody #rightMenu  a:visited {
	display:block;
	color: #00AFDB;
	padding-top:2px;
	padding-left:10px;
	text-decoration:none;
	font-size:14px;
	font-weight:600;
}
#rightMenu li a:hover {
	display:block;
	height:20px;
	padding-top:2px;
	font-size:14px;
	color: #fff !important;
	padding-left:10px;
	font-weight:600;
	text-decoration:none;
	background-color:#00AFDB;
}
.rightHeader a , .pagebody .rightHeader a:visited, .rightHeader a:active{
	display: block;
	width:180px;
	background-color:#33bfe2;
	color: #ffffff !important;
	font-size:14px;
	font-weight: 600;
	text-align:left;
	padding:10px;
/*	text-transform: uppercase;  */
	text-decoration: none;
}

.rightHeader a:hover {
	background-color:#00AFDB;
}
#trainingLabel a, .pagebody #trainingLabel a:visited, #trainingLabel a:active{
	display: block;
	width:180px;
	height:25px;
	background-color:#33bfe2;
	color: #ffffff !important;
	font-size:14px;
	font-weight: 600;
	text-align:left;
	padding-top: 5px;
	text-decoration: none;
}

#trainingLabel a:hover {
	background-color:#00AFDB;
}
#mainContent {
	width: 500px;
margin:auto;
	float:left;
}
#footer {
clear: both;
margin-top:10px;
padding-top:5px;
padding-left:5px;
height:20px;
width:600px;

}
#footerPanel{ 
	padding: 20px;
	width:915px;
	margin:0 auto;
	background-color:white;
}

#blueBar {
	clear:left;
	height: 15px;
	background-color: #00afdc;
	margin-bottom: 15px;
}

#copyrightPanel {
	margin-top:5px;
	float: left;
	width: 45%;
	font-size: 11px;
	text-align: left;
	color: #54534A;
}
#copyrightPanel a {
color: #54534A;
}
#siteLocate {
	width: 180px;
}
.cleared { clear: both; }
.required { color: red; }
/*PFF changed from 20 to 5 */
.moduletitle { margin-bottom: 5px; }


ul li{ z-index: 999;
}
.miniLogo {
	margin-top:10px;
}
.archiveDate {
	float: left;
	padding-left:20px;
}
.clear {
	clear:both;
	line-height: 0px;
	font-size: 0px;
	padding: 0px;
	margin: 0px;
	height: 0px;
	
}

#footer a, #footer a:active, .pagebody #footer a:visited {
	color: #00F !important;
	text-decoration: none;
}

.locationSearch a {
	display: block;
	
}


.leftside
{
    float: left;
    width: 200px; 
}



.center-nomargins
{
	float: left;
    width:915px;
}



.center-rightandleftmargins
{
    float: left;
    width: 470px; 
    margin-left: 20px;
    margin-right: 20px;
}



.center-rightmargin
{
    float: left;
    width: 735px; /* margin:10px 0 0 10px; */
}

.center-leftmargin
{
    float: left;
    width: 695px; 
    margin:0px 0px 0 20px;
}



.rightside
{
    float: left;
    width: 200px; 
}

.profLink a, .pagebody .profLink a:visited {
	display:block;
	width: 150px;
	height:35px;
	font-size:14px;
	font-weight:600;
	color: #fff !important;
	text-align:center;
	text-decoration:none;
	background-color: #55C1E1;
}
.profLink a:hover {
	display:block;
	background-color:#33bfe2;
}
#proficiency {
	width: 400px;
	margin: auto;
	height: 169px;
	margin-bottom: 25px;
}
.spacer {
	float:left;
	width: 20px;
}


.AspNet-Menu-Vertical a {
  text-decoration: none;
  display: block;
  background-color:#00AFDB;
  font-weight: 600;
  letter-spacing: -1px;
  margin-bottom: 2px;
  COLOR: #fff !important;
}
.AspNet-Menu-Vertical ul {
  list-style-type: none;
}
.AspNet-Menu-Vertical ul li {
  display: block;
  
}
.AspNet-Menu-Vertical ul li a {
  color: #FFF;
  height: 20px;
  padding: 10px;
  WIDTH: 160PX;
}
.AspNet-Menu-Vertical ul li a:hover {
}
.AspNet-Menu-Vertical ul li ul li a {
  margin-left: -65px;
  height: 25px;
  padding: 10px;
}

.AspNet-Menu-Vertical ul li ul {
  display: none;
}

.AspNet-Menu-Vertical ul li:hover ul {
  display: block;
}

.AspNet-Menu-Vertical ul li:hover ul li ul{
  display: none;
}

.AspNet-Menu-Vertical ul li ul li ul {
  display: none;
}

.AspNet-Menu-Vertical ul li ul li:hover ul {
  display: block;
}

/* color modifiers for the jquery accordian */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: #55C1E1;
}
.ui-accordion .ui-accordion-content {
color: #000000;
background: #FFFFFF;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { 
background: #9DD9E9; 
color: #FFFFFF; 
}


#cboxTitle {
height: 12px;
}

.breadcrumbs {
	margin-bottom: 5px;
	background-color:#3486BE;
	padding:5px;
	color:white;
border-top-right-radius: 5px; border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px; border-top-left-radius: 5px; 
}

.breadcrumbs a , .pagebody .breadcrumbs a:visited, .breadcrumbs a:active {
	color: #FFF !important;
	text-decoration: none;
}
.breadcrumbs a:hover {
	color:#00AFDB;
}

a.report {
background:url("/Data/Sites/1/skins/tna_p53/images/report_abuse.png")
 no-repeat;
height:30px;
width:74px;
display:inline-block;
vertical-align:top;
margin-right:10px;
}

a.royal-navy {
background:url("/Data/Sites/1/skins/tna_p53/images/royal_navy.png")
 no-repeat;
height:30px;
width:74px;
display:inline-block;
vertical-align:top;
margin-right:5px;
}

a.scc {
background:url("/Data/Sites/1/skins/tna_p53/images/sea_cadets.png")
 no-repeat;
height:30px;
width:74px;
display:inline-block;
vertical-align:top;
margin-right:5px;
}

a.career {
background:url("/Data/Sites/1/skins/tna_p53/images/careers_at_sea.png")
 no-repeat;
height:30px;
width:74px;
display:inline-block;
vertical-align:top;
margin-right:10px;
}

a.ms {
background:url("/Data/Sites/1/skins/tna_p53/images/marine_society.png")
 no-repeat;
height:30px;
width:74px;
display:inline-block;
vertical-align:top;
margin-right:5px;
}

a.mssc {
background:url("/Data/Sites/1/skins/tna_p53/images/mssc.png")
 no-repeat;
height:30px;
width:77px;
display:inline-block;
vertical-align:top;
margin-right:0px;
}

a.matrix {
background:url("/Data/Sites/1/skins/tna_p53/images/matrix.jpg")
 no-repeat;
height:76px;
width:134px;
display:inline-block;
vertical-align:top;
}

#linksPanel {
float: right;
display: table-cell;
vertical-align: top;
}

.panelwrapper {
	clear: both;
}

/* PFF table styling */
table {
	margin: 0;
	border-collapse: collapse; 
	border: 0;
	text-align: left
}
th {
}
td, th { 
	padding: 0; 
	border: 0;
}

.mpcalendarmain {
	width: 100%;
}

.mpcalendartitle {
	width: 680px !important;
}
.catImageTop {
margin-top:10px;
}

.catImage {
margin-top:20px;
}

.Likebox {
	margin-top: 30px;
}
iframe{ background:transparent !important }

.cse .gsc-control-cse, .gsc-control-cse {
padding: 0px !important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
padding: 6px 10px !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right: 5px !important;
}

.homepage h2.moduletitle {
	margin-top: 0px !important;
}



ol, ul {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 10px;
}

p {
	margin: 0 0 12px 0;	
}

.itemBoxFirst, .itemBoxLast, .itemBox {
		margin-bottom: 8px;	
		float: left;
		background-color: #00AFDB;
		width: 220px;
	}
	
	.itemBoxFirst {
		margin-left: 0px;
		margin-right: 8px;
	}
	
	.itemBox {
		margin-right: 8px;
	}
	
	.itemBoxLast {
		margin-right: 0px;
	}
	
	.itemBoxFirst a , .itemBoxLast a , .itemBox a{
		color: #FFF !important;
		text-decoration: none;
	}
	
	.itemBoxFirst h2 , .itemBoxLast h2 , .itemBox h2{
		margin: 8px;
		font-size: 18px;
		color: #FFF !important;
	}
	
	.itemBoxFirst:hover, .itemBoxLast:hover , .itemBox:hover{
		background-color: #55C1E1;
	}
	
	.topBox {
		margin-top: 7px;
		margin-bottom: 7px;
	}

	.big {
		width: 676px;
		background-color: #FFF;
	}
	
	.big:hover {
		background-color: #FFF;
	}


.ui-widget, .ui-widget-content {
	font-family:arial, sans-serif !important; font-size:12px;
	color: #54534A;
	line-height: 16px;
}

.center-rightandleftmargins ul li:before , .center-leftmargin ul li:before {
content: "- ";
}
.center-rightandleftmargins ul , .center-leftmargin ul {
  list-style-type: none;
}

.ui-accordion-icons .ui-accordion-header a , .ui-tabs-nav li a{
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
}

.ui-tabs ul li:before{
	content: "";
}

.ui-widget-content a {
	color: #00AFDC;
}	

.fb-like-box {
	float: right;
	height: 80px;
}

.gsc-control-searchbox-only {
	width: 310px;
	float: right;
	clear:both;
}

.center-rightandleftmargins table , .center-leftmargin table {
background-color:#F2F2F5;
border-width:1px 1px 0px 1px;
border-color:#C9CBD3;
border-style:solid;
}

.center-rightandleftmargins table td  , .center-leftmargin table td{
color:#000000;
background-color:#EAEFF5;
padding:8px;
background-color:#F2F2F5;
border-color:#CCCCCC #ffffff #cccccc #ffffff;
border-style:solid solid solid solid;
border-width:1px 0px 1px 0px;
}

.center-rightandleftmargins table th , .center-leftmargin table th {
padding:8px;
background-color:#CFE0F1;
border-color:#cccccc #ffffff #cccccc #ffffff;
border-style:solid solid solid none;
border-width:0px 0px 1px 0px;
white-space:nowrap;
}


.gs-title, .gstitle b ,.gs-result{
	font-size: 22px !important;
	font-weight: 600 !important;
	letter-spacing: -1px !important;
	color: #00AFDB !important;
	text-decoration: none !important;

}

.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
font-size: 20px !important;
}
.gs-result .gs-title, .gs-result .gs-title * {
color: #00AFDB !important;
text-decoration: none !important;
}

.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
	color: #00AFDB !important;
	font-weight: bold;
}

.gs-snippet {
	font-family:arial, sans-serif !important; 
	font-size:12px  !important;
	color: #54534A !important;
	line-height:16px !important;
	font-weight:normal !important;
	letter-spacing: 0px !important;
}

.gsc-url-bottom {
	display: none !important;
}

.OpenCourse {
	width: 600px !important;
}

.OpenCoursesHeader td{
	padding:8px !important;
	background-color:#CFE0F1 !important;
	border-color:#ffffff #ffffff #cccccc #ffffff !important;
	border-style:solid solid solid none !important;
	border-width:1px 0px 1px 0px !important;
	white-space:nowrap !important;
	font-weight: bold;
}

.gs-visibleUrl-long {
	font-weight: normal;
	color: #2F5BB7 !important;
	letter-spacing: 0;
	font-weight: normal !important;
	font-size: 11px;
}

.gsc-table-result {
	margin-left: 8px;
}

.gs-title b {
	font-weight: 600 !important;
}

.ui-accordion .ui-accordion-content {
	color: #54534A !important;
	background-color: #FFF !important;
}


/************************************************/
/*  HEADINGS					*/
/************************************************/

h1, h2, h3, h4, h5 {
	font-weight: 600;
	color: #00AFDB;
	padding: 0;
	margin: 0 0 5px 0;
}

h1 {
	font-size: 22px;
	letter-spacing: -1px;
}


h2 {
	font-size: 18px;
	letter-spacing: -1px;
}


h3, h4 , h5 {
	font-size: 14px;
}


/************************************************/
/*  MAIN MENU					*/
/************************************************/

#navigationPanel {
	CLEAR: BOTH;
}

#navigationPanel ul li ul li ul {
	visibility: hidden;
}

#navigationPanel ul {
	float:left;
	width:100%;
	list-style:none;
	font-weight:bold;
	margin: 0;
	padding: 0;
	padding-left: 20px;
}
#navigationPanel ul li{
	float:left;
	position:relative;
	display:block;
	margin:0;
	padding:0;
}

#navigationPanel ul li a{
	display:block;
	color:#fff;
	text-decoration:none;
	background-image:url("/Data/Sites/1/skins/tna_p53/images/menuBg.png")
;
	background-repeat: no-repeat;
	height: 25px;
	margin-right: 7px;
	font-weight: bold;
	font-size: 14px;
	float: left;
	width: 100px;
	text-align: center;
	padding-top: 10px;
}
#navigationPanel ul li a:hover{
	color:#fff;
	text-decoration:none;
}

#navigationPanel ul ul{
	list-style:none;
	position:absolute;
	display: none;
	background-color:#55C1E1;
	margin: 0;
	padding: 5px;
	padding-top: 0;
	width: 220px;
	margin-top: 35px;
}
#navigationPanel ul ul li{
	padding-top:1px;
	float:none;
	display: block;
	
}
#navigationPanel ul ul a{
	white-space:nowrap;
	display:block;
	font-size: 14px;
	height: 14px;
	padding-top: 2px;
	font-weight: normal;
	text-align: left;
	width: 200px;
	
}
#navigationPanel ul li:hover ul{ 
	left:0; 
	display:block;
}
#navigationPanel ul li:hover a  {
	background-image:url("/Data/Sites/1/skins/tna_p53/images/menuBgHover.png")
;
	background-repeat: no-repeat;
	text-decoration:none;
}

.AspNet-Menu-SelectedLeaf {
	background-image:url("/Data/Sites/1/skins/tna_p53/images/menuBgSelected.png")
 !important;
	background-repeat: no-repeat !important;
	text-decoration:none !important;
	
}
#navigationPanel ul li:hover ul a{
	text-decoration:none;
}
#navigationPanel ul li:hover ul li a:hover{
	text-decoration:none;
	color: #005480;
}

/************************************************/
/*  SEARCH BOX					*/
/************************************************/


#searchPanel {
	float: right;
	width: 310px;
	padding-top: 37px;
	height: 105px;
	overflow: hidden;
}

#searchPanel a {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
#searchPanel input[type="text"]{
	width:180px;
	padding:10px;
	float:right;
	background-color:#E6F7FB;
	border:0;
	font-size:12px;
}
#searchPanel input[type="submit"]{
	width:73px;
	padding:5px;
	float:right;
	clear:right;
	background-color:#D6E140;
	background-repeat:no-repeat;
	margin:10px 0;
	height:27px;
	border:0;
	font-size:12px;
	color:#3285C0;
	cursor:pointer;
}
#searchPanel input[type="submit"]:hover{
	color:#FFF;
	background-color:#33BFE2;
}
div.AspNet-TreeView {
}

.AspNet-TreeView-Show { }

.AspNet-TreeView-Hide { display:none;}

div.AspNet-TreeView ul li

{
width:200px;
margin: 0px;
padding: 0px;
 }

div.AspNet-TreeView ul li a,
div.AspNet-TreeView ul li a:visited,
div.AspNet-TreeView ul li a:active {
text-decoration: none;
color:#fff;
font-size:14px;
font-weight:600;
display:block;
background-color:#3486BE;
width: 200px;
height:25px;
padding-top:8px;
float:left;
padding-left:5px;
margin-bottom:1px;
}

div.AspNet-TreeView ul li a:hover {
background-color:#0EAFD9;
color:#fff !important;
}

div.AspNet-TreeView ul li ul li a,
div.AspNet-TreeView ul li ul li a:visited,
div.AspNet-TreeView ul li ul li a:active
 {
display: block;
	width: 185px;
	margin-left:-15px;

}
div.AspNet-TreeView ul li ul li a:hover
 {
background-color:#0EAFD9;
color:#fff !important;
}
div.AspNet-TreeView ul li ul li ul li a,
div.AspNet-TreeView ul li ul li ul li a:visited,
div.AspNet-TreeView ul li ul li ul li a:active
 {

	width: 175px;
	margin-left:-25px;

}

div.AspNet-TreeView ul li ul li ul li ul li a,
div.AspNet-TreeView ul li ul li ul li ul li a:visited,
div.AspNet-TreeView ul li ul li ul li ul li a:active
 {

	width: 165px;
	margin-left:-35px;

}


div.AspNet-TreeView li.AspNet-TreeView-Root {}

div.AspNet-TreeView li.AspNet-TreeView-Parent {}

div.AspNet-TreeView li.AspNet-TreeView-Leaf { 
}

div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink { cursor: pointer;}

div.AspNet-TreeView .AspNet-TreeView-Collapse

{
 }

div.AspNet-TreeView .AspNet-TreeView-Expand

{
}

div.AspNet-TreeView ul li.AspNet-TreeView-Selected a{
	background-color: #33bfe2; !important;
}

div.AspNet-TreeView ul li.AspNet-TreeView-Selected ul li a{
	background-color: #3385c1 !important;
}

div.AspNet-TreeView ul li.AspNet-TreeView-Selected ul li a:hover{
	background-color: #0EAFD9 !important;
}



div.AspNet-TreeView ul li.AspNet-TreeView-Selected ul li.AspNet-TreeView-ParentSelected a 

{ }

li.AspNet-TreeView-Leaf,

li.AspNet-TreeView-Root ,

li.AspNet-TreeView-Selected ,

li.AspNet-TreeView-Parent

{display: block;list-style:none;

	text-decoration:none;	}

li.AspNet-TreeView-Selected ,

li.AspNet-TreeView-Leaf:hover,

li.AspNet-TreeView-Root:hover ,

li.AspNet-TreeView-Selected:hover ,

li.AspNet-TreeView-Parent:hover{
}

li.AspNet-TreeView-Root { margin: 0px 0px 2px 20px; }

li.AspNet-TreeView li { margin-bottom: 4px; }

li.AspNet-TreeView-Leaf img,

li.AspNet-TreeView-Root img {display:none;}

li.AspNet-TreeView-Leaf a,

li.AspNet-TreeView-Root a ,

li.AspNet-TreeView-Selected a ,

li.AspNet-TreeView-Parent a

{padding: 0px 0px 0px 5px;}

.sitemap .AspNet-TreeView-Root a {
 padding: 0px;
 margin: 0px;
 background-color: #FFF !important;
 color: #000 !important;

 }
 
 .sitemap .AspNet-TreeView-Root a:hover {
 color: #000 !important;
 }
 
 .sitemap  ul li ul {
 padding: 0px !important;
 margin: 20px !important;
 }
 
 .sitemap .AspNet-TreeView-Collapse {
 height: 0px;
 width: 0px;
 display: none;
 }

.sitemap li , .sitemap a{
	width: 300px !important;
	font-weight: 400 !important;
}body { margin: 0px 0px 0px 0px; }
.formwizlist ul { margin: 0px 0px 0px 0px; padding: 0px; }
.formwizlist, .formwizlist li, .formwizlist ul li { list-style: none; padding: 0px 0px 4px 0px; margin-left:0px; }
.draghandle {width:50px;height:25px;margin-right:5px;background-image:url("/Data/Sites/1/skins/tna_p53/draghandle.gif");background-repeat:repeat; cursor:move;float:left;}
.callbackstyle, .callbackStyle ul li {border:thin #6297BC inset; list-style: none;}
.draghandle  li {list-style: none; }
.reordercue { border:dashed thin black; width:100%; height:25px;  }
.questioncontainer { padding: 5px; border: dashed 1px black; }
.editcontainer { float:left; }
.draghandle .buttoncontainer {float:left;margin:0px;padding:0px; }
.draghandle .buttoncontainer .upbutton { float:left;margin:0px;padding:0px;}
.draghandle .buttoncontainer .downbutton { float:left;clear:left;margin:0px;padding:0px; }
.formwizard .settingrow .settinglabel {width:100%;  }
.qcb label {padding-left: 3px;}
.ajax__slider_h_rail {position:relative;background:url("/Data/Sites/1/skins/tna_p53/slider_h_rail.gif") repeat-x;height:22px;width:150px;}
.ajax__slider_h_handle {position:absolute;height:22px;width:10px;}
.ajax__slider_v_rail {position:relative;background:url("/Data/Sites/1/skins/tna_p53/slider_v_rail.gif") repeat-y;width:22px;height:150px;}
.ajax__slider_v_handle {position:absolute;height:10px;width:22px;}
.mpcalendarmain {  padding:3px; margin:0; color: #414141;  font-size:small; width: 100%;}
.mpcalendardayheader { font-weight:bold; font-size:8pt;  border:solid thin #B5B9A7;color: #414141;  text-align:center; }
.mpcalendarday { border: solid 1px black;  font-size:8pt; color:Black; text-align:center; }
.mpcalendarnextprevious { border:solid thin #B5B9A7; color: white;  text-align:center; }
.mpcalendarnextprevious a {font-weight:bold; font-size:small; color: white;  text-align:center;  }
.mpcalendarothermonth { border: solid 1px black; background-color:#f3f3f3;  font-size:8pt; color:Black; text-align:center; }
.mpcalendarselectedday { border: solid 1px black; background-color:#FFFFE0;  font-size:8pt; color:Black; text-align:center;  }
.mpcalendarselector { color: #414141;  border:solid thin #B5B9A7;font-size:8pt; font-weight:bold; text-align:center;  }
.mpcalendartitle { font-size:8pt; font-weight:bold; text-align:center; color: #414141;  border:solid thin #B5B9A7;}
table.mpcalendartitle { border:solid thin #B5B9A7;}	
.mpcalendartoday { border: solid 1px black; background-color:#FFFFE0; color:Black; font-size:8pt; text-align:center; }
.mpcalendarweekendday { border: solid 1px black; background-color:#D3D3D3; color:Black; font-size:8pt; text-align:center; }
