element is wrapped by jCarousel around the list and has the classname "jcarousel-container".*/
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-list li,
.jcarousel-item {float: left;list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */width: 75px;height: 75px;}
/* The buttons are added dynamically by jCarousel before the
list (inside the described above) and
* have the classnames "jcarousel-next" and "jcarousel-prev".*/
.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}
/* skin for jcarousel */
.jcarousel-skin-tango .jcarousel-container {/* style the inside of the carousel */}
.jcarousel-skin-tango img {border:1px solid #ccc;padding:2px;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: auto;padding: 20px 30px 10px 30px;}
.jcarousel-skin-tango .jcarousel-container-vertical {width: 75px;height: 245px;padding: 40px 20px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:auto;height: 135px;}
.jcarousel-skin-tango .jcarousel-clip-vertical {width: 75px;height: 245px;}
.jcarousel-skin-tango .jcarousel-item {width: 75px;height: 135px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {text-align:center;}
.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}
.jcarousel-skin-tango a{ text-decoration:none;}
/* Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 43px;right: 7px;width: 22px;height: 22px;cursor: pointer;background: transparent url(../images/next.gif) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 43px;left: 13px;width: 22px;height: 22px;cursor: pointer;background: transparent url(../images/prev.gif) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default;}
/* -----------------------------------------------------------------
::: I dont know what these styles are for
-------------------------------------------------------------------*/
/* ######### CSS for Shade Tabs. Remove if not using ######### */
.shadetabs{list-style-type: none;text-align: left; /*set to left, center, or right to align the menu as desired*/}
.shadetabs li{display: inline;margin: 0;}
.shadetabs li a{text-decoration: none;position: relative;z-index: 1;padding: 8px 8px;margin-right: 3px;border: 1px solid #778;color: #2d2b2b;}
.shadetabs li a:visited{color: #2d2b2b;}
.shadetabs li a:hover{text-decoration: underline;color: #2d2b2b;}
.shadetabs li a.selected{position: relative;top: 1px;}
.shadetabs li a.selected{border-bottom-color: white;}
.shadetabs li a.selected:hover{text-decoration: none;}
.tabcontent{display:none;}
@media print {.tabcontent {display:block !important;}}
/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */
.modernbricksmenu2{padding: 0;width: 362px;border-top: 5px solid #D25A0B; /*Brown color theme*/ background: transparent;voice-family: "\"}\"";voice-family: inherit;}
.modernbricksmenu2 ul{margin:0;margin-left: 10px; /*margin between first menu item and left browser edge*/padding: 0;list-style: none;}
.modernbricksmenu2 li{display: inline;margin: 0 2px 0 0;padding: 0;text-transform:uppercase;}
.modernbricksmenu2 a{float: left;display: block;font: bold 11px Arial;color: white;text-decoration: none;margin: 0 1px 0 0; /*Margin between each menu item*/padding: 5px 10px;background-color: black; /*Brown color theme*/ border-top: 1px solid white;}
.modernbricksmenu2 a:hover{background-color: #D25A0B; /*Brown color theme*/ color: white;}
.modernbricksmenu2 a.selected{ /*currently selected tab*/background-color: #D25A0B; /*Brown color theme*/ color: white;border-color: #D25A0B; /*Brown color theme*/ }
.tabcontent{display:none;}
@media print {.tabcontent {display:block !important;}}
/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */
.indentmenu{font: bold 13px Arial;width: 100%; /*leave this value as is in most cases*/}
.indentmenu ul{margin: 0;padding: 0;float: left;/* width: 80%; width of menu*/border-top: 1px solid navy; /*navy border*/background: black url(indentbg.gif) center center repeat-x;}
.indentmenu ul li{display: inline;}
.indentmenu ul li a{float: left;color: white; /*text color*/padding: 5px 11px;text-decoration: none;border-right: 1px solid navy; /*navy divider between menu items*/}
.indentmenu ul li a:visited{color: white;}
.indentmenu ul li a.selected{color: white !important;padding-top: 6px; /*shift text down 1px*/padding-bottom: 4px;background: black url(indentbg2.gif) center center repeat-x;}
.tabcontentstyle{ /*style of tab content oontainer*/border: 1px solid gray;width: 450px;margin-bottom: 1em;padding: 10px;}
.tabcontent{display:none;}
@media print {.tabcontent {display:block !important;}}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;}
#TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;}
.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.TB_overlayBG {background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}
* html #TB_overlay { /* ie6 hack */position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window {position: fixed;background: #ffffff;z-index: 102;color:#000000;display:none;border: 4px solid #525252;text-align:left;top:50%;left:50%;}
* html #TB_window { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}
* html #TB_HideSelect { /* ie6 hack */position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}
/*Simple Modal */
/* Overlay */
#login-overlay {background-color:#000; cursor:wait;}
/* Container */
#login-container {width:450px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left; }
#login-container .login-content {background-color:#eeeeee; color:#000; text-align:center; vertical-align:middle; height:300px;}
#login-container h1 {color:#d76300; margin:0; padding:20px 0 6px 12px; font-size:1.2em; text-align:center;}
#login-container .login-loading {position:absolute; background:url(../images/indicator_medium.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#login-container .login-message {text-align:center;}
#login-container .login-error {width:92%; font-size:.8em; background:#ccc; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#login-container br {clear:both;}
#login-container form {padding:0; margin:0; margin-bottom:70px;}
#login-container label { display:block; width:100px; float:left; text-align:right; padding-left:40px; font-weight:bold; font-size:12px; vertical-align:middle; padding-top:5px; padding-right:5px;}
#login-container .login-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#d0cfce; border:1px solid #fff; width:250px;}
#login-container textarea {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#d0cfce; border:1px solid #fff; width:250px; height :40px;}
#login-container .login-cc { cursor:default; text-align:left; padding-right:70px; font-size:11px; font-family:'Trebuchet MS', Verdana, Arial;}
#login-container .login-top {height:13px; background:url(../images/form_top.gif) no-repeat; padding:0; margin:0;}
#login-container .login-bottom {height:13px; background:url(../images/form_bottom.gif) no-repeat bottom ;font-size:.7em; text-align:center;}
#login-container .login-bottom a,
#login-container .login-bottom a:link,
#login-container .login-bottom a:active,
#login-container .login-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#login-container .login-bottom a:hover {color:#888;}
#login-container .login-button {margin:0px 0 0 0px; cursor:pointer; height:24px; border:0; font-size:11px; font-weight:bold; color:#fff; vertical-align:middle; padding:0px 0px 0px 0px;}
#login-container .login-send {width:100px; background:url(../images/send.png) no-repeat; text-align:center; }
#login-container .login-cancel {width:100px; background:url(../images/cancel.png) no-repeat; text-align:center;}
#login-container a.modalCloseX,
#login-container a.modalCloseX:link,
#login-container a.modalCloseX:active,
#login-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:25px; position:absolute; top:-4px; right:6px; color:#999;}
#login-container a.modalCloseX:hover {color:#9bb3b3;}
/* jquery modal popup*/
#Tellmask{position: absolute;left: 0;top: 0;z-index: 9000;background-color: #000;display: none;}
#box .mid{position: absolute;left: 0;top: 0;width: 340px;height: 200px;display: none;z-index: 9999;padding: 20px;}
#box #dialogStep{width: 675px;height: 403px;padding: 10px;background-color: transparent;}
.divPopClose{text-align: right;float: left;width: 560px;z-index: -5px;}
#Removemask{position: absolute;left: 0;top: 0;z-index: 9000;background-color: #000;display: none;}
#Removeboxes .mid{position: absolute;left: 0;top: 0;width: 340px;height: 200px;display: none;z-index: 9999;padding: 20px;}
#Removeboxes #dialogRemove{width: 675px;height: 403px;padding: 10px;background-color: transparent;}
.dialogRemove{text-align: right;float: left;width: 560px;}
#maskNew{position: absolute;left: 0;top: -50;z-index: 9000;background-color: #cccccc;display: none;}
#boxesNew
.midNew{position: absolute;left: 0;top: 0;width: 300px;height: 100px;display: none;z-index: 9000;padding: 20px;}
#boxesNew
#dialogNew{width: 300px;height: 100px;padding: 10px;background-color: #ffffff;}
.divContentNew{text-align: center;float: left;width: 100%;}
/*autocomplete-search-result*/
.autocomplete-search-result-main{width:300px;}
.autocomplete-search-result-main-inner{}
.autocomplete-search-result-options{text-align:center;padding-top:5px;}
.autocomplete-search-result-textbox-container{}
.autocomplete-search-textbox{width: 300px;}
.autocomplete-search-result{position:absolute ;padding: 0px;border: 1px solid black;background-color:#F3F3F3; overflow:hidden;z-index: 1;width:300px;display:none;}
.autocomplete-search-result ul{width: 300px;list-style-position:inside ;padding: 0;margin: 0;background-color: #E6E6E6;}
.autocomplete-search-result li{margin: 0px;padding: 2px 5px;cursor: default;display: block;font: menu;font-size: 11px; font-weight:bold ; width:300px;line-height: 16px;overflow: hidden;border-bottom: solid 1px black;list-style: none;}
.autocomplete-search-result li:hover{background-color : #E9FCFD;}
.autocomplete-search-result-header-div {width:100%; }
.autocomplete-search-result-header{display: none;width:100%;}
li.autocomplete-search-result-header {color: White;background-color: #CDCDCD; text-align: left;font-weight: bolder;font-size: 11px;border-bottom: solid 1px black;width:100%;}
li.autocomplete-search-result-header:hover{background-color: #CDCDCD;}
.autocomplete-search-result-content span{display: none;width:100%;}
.autocomplete-search-result-ID-textbox{display: none;}
.autocomplete-search-result-content {}
.autocomplete-search-result-li-active {background-color : #E9FCFD ;font-weight:bold ; }
/* jquery modal popup */
.generic-dialog{display:none ;z-index: 101;}
.generic-dialog-popup{position: relative;width: 465px;}
.pop-content{direction: ltr;}
.popcontent-advanced{-moz-border-radius-bottomleft: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;border: 10px solid rgba(82, 82, 82, 0.7);}
.pop-content h2.dialog-title{background: #6D84B4 none repeat scroll 0 0;border: 1px solid #3B5998;color: #FFFFFF;font-size: 14px;font-weight: bold;margin: 0;}
.pop-content h2 span{display: block;padding: 4px 10px 5px;}
.pop-content .dialog-content{background: #FFFFFF none repeat scroll 0 0;border-color: #555555;border-style: solid;border-width: 0 1px 1px;}
.pop-content .dialog-body{border-bottom: 1px solid #CCCCCC;padding: 10px;}
.pop-content .dialog-buttons{background: #F2F2F2 none repeat scroll 0 0;padding: 8px;text-align: right;}
.pop-content .dialog-buttons input{margin-left: 5px;}
.pop-content .dialog-buttons input{margin-left: 5px;}
.pop-content .inputaux{background: #F0F0F0 none repeat scroll 0 0;border-color: #E7E7E7 #666666 #666666 #E7E7E7;color: #000000;cursor:pointer ;}
.pop-content .dialog-buttons input{margin-left: 5px;}
.pop-content .inputbutton, .pop-content .inputsubmit{background-color: #3B5998;border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA;border-style: solid;border-width: 1px;color: #FFFFFF;font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;font-size: 11px;padding: 2px 15px 3px;text-align: center;}
.modal-message{background-image: url(../../assets/images/icons/spinner.gif); background-repeat:no-repeat ;padding-left:25px; width:450px;font-weight :bold;}
.modal-warning{color:Red ;font-weight :bold ;}
.novisibility{display:none;}
.fadeScreen { position:absolute;top:0px;left:0px;z-index:2;background:black; }
.calender th td{text-align:center ; }
.isreaded{}
.isnotreaded{font-weight:bold;color:#000;}
.required-field
{
border:solid 1px red;
}
span.warning
{
color:Red ;
}
.video-bdr{background-color:#f3f3f3; color:#000; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}