A:link {
    COLOR: #444;
}

A:visited {
    COLOR: #555;
}

a.username_text:visited {
    color:#FFF;
}

A:hover {
    COLOR: #B80E0E;
}

A:active {
    COLOR: #396091;
}

A:link {

}

A:hover {
    
}

A:active {
    
}

BODY {
    MARGIN-TOP: 0px;
    BACKGROUND-POSITION: center 50%;
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 20px;
    MARGIN: auto;
    COLOR: #333333;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center;
    background: url(../../images/layout/bg.gif) repeat-x top #ffffff;
}

th {
    text-align: inherit;
}

.popupBody {
    background: #ffffff;
    margin: 0 auto;
    align: center;
}

.login {
    Z-INDEX: 4;
    LEFT: 49px;
    WIDTH: 317px;
    POSITION: absolute;
    TOP: 47px;
    HEIGHT: 300px
}

.font2 {
    FONT-SIZE: 11px;
    MARGIN-LEFT: 10px;
    COLOR: #396091;
    PADDING-TOP: 10px;
    FONT-FAMILY: Verdana
}

.versionFont {
    FONT-SIZE: 10px;
    MARGIN-LEFT: 5px;
    COLOR: #396091;
    PADDING-TOP: 10px;
    FONT-FAMILY: Verdana
}

.font1 {
    FONT-SIZE: 10px;
    COLOR: #333333;
    FONT-FAMILY: Verdana
}

.manage {
    Z-INDEX: 2;
    LEFT: 0px;
    WIDTH: 690px;
    POSITION: absolute;
    TOP: 46px;
    HEIGHT: 162px
}

.nameExpander {
    padding-right: 3px;
}

.launchBtn {
    width: 36px;
    height: 36px;
    display: block;
    background-image: url('../../images/layout/play-button-on.png');
}

.launchBtn:hover{
    background-image: url('../../images/layout/play-button-over.png');
}

.top_body_cap {
    BACKGROUND-POSITION: right top;
    Z-INDEX: -1;
    LEFT: 628px;
    BACKGROUND-IMAGE: url(../../images/layout/top_body_cap.jpg);
    WIDTH: 196px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 61px
}

.footer_text {
    MARGIN-TOP: 10px;
    FONT-SIZE: 10px;
    Z-INDEX: 2;
    LEFT: 0px;
    VERTICAL-ALIGN: text-bottom;
    WIDTH: 418px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana;
    POSITION: absolute;
    TOP: 100%;
    HEIGHT: 30px
}

.body_content {
    Z-INDEX: 2;
    OVERFLOW: scroll;
    WIDTH: 750px;
    HEIGHT: 335px
}

.popUpOuterborder {
    LEFT: 20px;
    MARGIN: auto;
    WIDTH: 700px;
    POSITION: absolute;
    HEIGHT: 100%;
}

.popUpBody_outline {
    BORDER-RIGHT: #b0b0b2 1px solid;
    BORDER-LEFT: #b0b0b2 1px solid;
    BORDER-TOP: #b0b0b2 1px solid;
    BORDER-BOTTOM: #b0b0b2 1px solid;
    FONT-SIZE: 11px;
    Z-INDEX: 2;
    LEFT: 5px;
    WIDTH: 650px;
    COLOR: #333333;
    FONT-FAMILY: Verdana;
    POSITION: absolute;
    TOP: 14px;
    HEIGHT: auto;
}

.popUpTop_body_cap {
    BACKGROUND-POSITION: right top;
    Z-INDEX: 2;
    LEFT: 452px;
    /* BACKGROUND-IMAGE: url(../../images/layout/watermark.jpg); */
    WIDTH: 198px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 61px
}

.popUpFooter_body_cap {
    Z-INDEX: 2;
    LEFT: 0px;
    /* BACKGROUND-IMAGE: url(../../images/layout/footer_body_cap.jpg); */
    WIDTH: 100%;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    TOP: 0%;
    HEIGHT: 56px
}

.borderColor {
    border-bottom: solid 1px #e0eb9f;
}

.commonGrey {
    background: #e5e7d4;
    font-weight: normal;
    color: #b8bd88;
    font-size: 10px;
    padding: 2px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-bottom: solid 1px #6d7457;
    border-right: solid 1px #6d7457;
    width: auto;
}

.commonOnMouseOver {
    BORDER-RIGHT: #003399 1px solid;
    FONT-WEIGHT: bold;
    BACKGROUND-IMAGE: url(../../images/layout/button-back-over.gif);
    CURSOR: pointer;
    COLOR: #ffffff;
    BORDER-BOTTOM: #003399 1px solid;
    TEXT-ALIGN: center
}

.commonReset {
    BORDER-RIGHT: #003399 1px solid;
    FONT-WEIGHT: bold;
    BACKGROUND-IMAGE: url(../../images/layout/button-back.gif);
    CURSOR: pointer;
    COLOR: #ffffff;
    BORDER-BOTTOM: #003399 1px solid;
    TEXT-ALIGN: center
}

.commonText1 {
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    FONT-SIZE: 11px;
    Z-INDEX: 2;
    BORDER-LEFT: #cccccc 1px solid;
    COLOR: #000000;
    PADDING-LEFT: 5px;
    BORDER-BOTTOM: #cccccc 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 25px;
    TEXT-ALIGN: left
}

.commonTextNoBorder {
    FONT-SIZE: 11px;
    Z-INDEX: 2;
    COLOR: #000000;
    PADDING-LEFT: 5px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 25px;
    TEXT-ALIGN: left
}

.commonTextBorderBottom {
    FONT-SIZE: 11px;
    Z-INDEX: 2;
    COLOR: #000000;
    TEXT-INDENT: 5px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 25px;
    TEXT-ALIGN: left
}

.txt {
    VERTICAL-ALIGN: bottom;
    TEXT-ALIGN: center
}

.txt1 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: bottom;
    COLOR: #ffffff;
    PADDING-TOP: 2px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center
}

.heading1 {
    BORDER-RIGHT: #cccccc 1px solid;
    BACKGROUND-POSITION: left center;
    BORDER-TOP: #cccccc 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url(../../images/layout/heading1.jpg);
    BORDER-LEFT: #cccccc 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #cccccc 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TOP: 22px;
    HEIGHT: 25px;
    TEXT-ALIGN: center
}

.headingAlignLeft {
    BORDER-RIGHT: #cccccc 1px solid;
    BACKGROUND-POSITION: left center;
    BORDER-TOP: #cccccc 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url(../../images/layout/heading1.jpg);
    BORDER-LEFT: #cccccc 1px solid;
    COLOR: #000000;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: #cccccc 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TOP: 22px;
    HEIGHT: 25px;
    TEXT-ALIGN: left
}

.headingNoBorder {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000000;
    TEXT-INDENT: 5px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TOP: 22px;
    HEIGHT: 27px;
    TEXT-ALIGN: left
}

.headingName {
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND-COLOR: #e7e3e7;
    BORDER-LEFT: #cccccc 1px solid;
    COLOR: #000000;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: #cccccc 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TOP: 22px;
    HEIGHT: 25px;
    TEXT-ALIGN: right;
    padding-right: 5px;
}

.headingNameWizard {
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND-COLOR: #e7e3e7;
    BORDER-LEFT: #cccccc 1px solid;
    COLOR: #000000;
    TEXT-INDENT: 5px;
    width: 200px;
    BORDER-BOTTOM: #cccccc 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TOP: 22px;
    HEIGHT: 25px;
    TEXT-ALIGN: right;
    padding-right: 5px;
}

.heading2 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    TEXT-INDENT: 5px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TOP: 22px;
    HEIGHT: 27px;
    TEXT-ALIGN: center
}

#username {
    Z-INDEX: 24;
    width: 40%;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    font-size: 11px;
    text-align: right;
    float: right;
    padding-right: 10px;
    padding-top: 10px;
}

a.username_text {
    color: white;
    font-weight: bold;
}

#username a {
	color: white;
    font-weight: bold;
}

TR.even {
    
}

TR.odd {
    BACKGROUND-IMAGE: url(../../images/layout/cylinder.jpg)
}

.lhFooter {
    BORDER-TOP: #ff8800 5px solid;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #00008b
}

.footer {
    BORDER-TOP: #ff8800 5px solid;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #00008b;
    TEXT-ALIGN: center
}

.subheader {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, sans-serif
}

.subheader2 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, sans-serif
}

.disabledText {
    COLOR: gray
}

.calendarBody_outline {
    background-color: #FFFFFF;
    border: 2px solid black;
    FONT-SIZE: 11px;
    Z-INDEX: 24;
    WIDTH: 208px;
    COLOR: #333333;
    FONT-FAMILY: Verdana;
    POSITION: absolute;
    TOP: 14px;
    LEFT: 2px;
    HEIGHT: auto;
    padding: 3px;
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
}

.calendarTop_body_cap {
    BACKGROUND-POSITION: right top;
    Z-INDEX: -1;
    LEFT: 9px;
    /* BACKGROUND-IMAGE: url(../../images/layout/watermark.jpg); */
    WIDTH: 198px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: absolute;
    TOP: 3px;
    HEIGHT: 61px
}

div.calendar {
    border-right: #aaaaaa thin solid;
    padding-right: 0em;
    border-top: #aaaaaa thin solid;
    margin-top: 1em;
    padding-left: 0em;
    margin-bottom: 1em;
    padding-bottom: 0em;
    border-left: #aaaaaa thin solid;
    width: 200px;
    padding-top: 0em;
    border-bottom: #aaaaaa thin solid
}

div.calendar input.one {
    font-weight: normal;
    font-size: 6pt;
    width: 14px;
    height: 18px
}

div.calendar input.two {
    font-weight: normal;
    font-size: 6pt;
    width: 20px;
    height: 18px
}

div.calendar tr {
    height: 16px
}

div.calendar td.blank {
    font-weight: normal;
    font-size: 7pt;
    background-color: #d7d7d7;
    foreground-color: #d7d7d7
}

div.calendar td.month {
    font-weight: bold;
    font-size: 7pt;
    background-color: #d7d7d7;
    text-align: center;
    foreground-color: #d7d7d7
}

div.calendar td.year {
    font-weight: bold;
    font-size: 7pt;
    background-color: #d7d7d7;
    text-align: center;
    foreground-color: #d7d7d7
}

div.calendar td.weekday {
    font-weight: bold;
    font-size: 7pt;
    background-color: #a7a7a7;
    text-align: center;
    foreground-color: #a7a7a7
}

div.calendar td.day {
    padding-right: 1em;
    font-weight: normal;
    font-size: 6pt;
    background-color: #e7e7e7;
    text-align: right;
    foreground-color: #e7e7e7
}

div.calendar a {
    font-weight: normal;
    color: #000000;
    text-decoration: none
}

div.content {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 0px;
    text-indent: 0em;
    padding-top: 0px
}

div.br {
    font-size: 0;
    height: 7px
}

div.systemMessage {
	background-color: #B80E0E;
	width: 780px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-weight:bold;
    min-height:32px;
}

/* CSS Styles for new web UI */
#outer {
    /*background: url(../../images/layout/bg.gif) repeat-x top #ffffff;*/
    
}

#container {
    text-align: left;
    margin: 0 auto;
    width: 807px;
}

.clr {
    clear: both;
}

#foot {
    margin: 0 auto;
    width: 807px;
    background: url(../../images/layout/foot.jpg) no-repeat;
    height: 57px;
}

#bottom {
    margin: 0 auto;
    width: 807px;
    height: 30px;
    line-height: 15px;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#bottom A {
    color: #999;
}

#copyright {
    float: left;
    text-align: left;
    padding-left: 8px;
}

#bottom #logo {
    float: left;
    padding-left: 5px;
    padding-top: 4px;
    padding-right: 5px;
}

#info {
    float: right;
    text-align: right;
    padding-right: 8px;
}

#speedsec {
    float: left;
    text-align: left;
    padding-left: 2px;
}

#speedsec #scalevalue {
    color: green;
}

#main {
    width: 800px;
    text-align: left;
}

#header {
    height: 99px;
    background-color: #5E5F60;
}

#banner {
    margin-left: -1px;
}

.headerNoBranding{
    background: url(../../images/layout/ccdn_header_800x99.png) no-repeat;
}

.align-right{
    float:right;
    margin-right:21px;
    
}

input.no-margin-bottom{
    margin-bottom:0px;
}

#customLogo {
    margin: 10px;
    float: left;
}

#customBannerImage {
    margin-top:-1px;
}

#logolink { /*     display: block; */
    overflow: hidden;
    height: 79px;
    width: 320px;
    float: left;
    cursor:pointer;
}

#menus {
    height: 19px;
}

#mainmenu {
    float: left;
    width: 70%;
    padding-left: 6px;
}

#loginmenu {
    float: right;
    width: 50%;
    padding-right: 17px;
}

#thebody {
    width: 800px;
    margin-left: -1px;
    border: 1px solid #DDDDDD;
    background: white url(../../images/layout/watermark-admin.jpg) no-repeat
        top right;
}

#titlebuttons {
    margin-top: 0px;
    width: 800px;
    height: 84px;
    background: url(../../images/menu/menu_bar_bg.jpg) repeat-x;
}

#titleuser {
    margin-top: 0px;
    width: 800px;
    height: 84px;
    background: url(../../images/menu/user_menu_bar_bg.jpg) repeat-x;
}

#titlebuttonsForTestApps {
    margin-TOP: -10px;
}

#buttons {
    float: right;
    width: 400px;
    margin-top: 4px;
}

#buttons ul {
    padding: 0;
    margin: 0;
    list-style: none;
    float: right;
}

#buttons ul li {
    float: left;
    vertical-position: bottom;
    height: 26px;
    padding-left: 10px;
    text-align: center;
    line-height: 26px;
}

#buttons ul li.divider {
    height: 70px;
    background: url(../../images/menu/button_divider.jpg) no-repeat;
}

#buttons ul li a {
    color: #333;
    font-size: 9px;
    display: block;
    padding-right: 10px;
    text-align: center;
    line-height: 26px;
}

#buttons ul li a:hover {
    color: #b60909;
}

#button a,#button {
    color: #333;
    font-size: 9px;
    font-weight: normal;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#buttons>ul li a {
    width: auto;
}

#buttons>ul li a,#buttons>ul li.buttonsTall a {
    width: auto;
}

#buttons ul li.buttonsTall {
    vertical-position: bottom;
    height: 50px;
    padding-left: 0;
    text-align: center;
    line-height: 50px;
}

#buttons ul li.buttonsTall a {
    font-size: 11px;
    padding-right: 10px;
    text-align: center;
    line-height: 14px;
    background: none;
    text-decoration: none;
}

.tallouter {
    height: 50px;
    line-height: 50px;
}

#button IMG {
    
}

#innerbody {
    margin: 0px 20px 20px 20px;
    width: 749px;
    padding: 15px 0px;
    min-height:600px;
}

.buttonstyle {
    background: #e8ecc2;
    font-weight: bold;
    color: #396091;
    font-size: 10px;
    padding: 2px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-bottom: solid 1px #6d7457;
    border-right: solid 1px #6d7457;
}

.buttonstyleg {
    background: #e5e7d4;
    font-weight: normal;
    color: #b8bd88;
    font-size: 10px;
    padding: 2px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-bottom: solid 1px #6d7457;
    border-right: solid 1px #6d7457;
}

.checkAll {
    text-align: left;
}

.inputbox, .inputboxFixedWidth {
    border: solid 1px #ccc;
    FONT-SIZE: 11px;
    padding: 2px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.inputboxFixedWidth {
    width: 511px;
}

.requiredInputFilled {
    background: #efefef;
    border: solid 1px #ccc;
    FONT-SIZE: 11px;
    padding: 2px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.requiredInputEmpty {
    background: #efefef;
    border: solid 1px #B80E0E;
    FONT-SIZE: 11px;
    padding: 2px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.readonlyInputBox {
    background: #d1d3d4;
    border: solid 1px #bcbec0;
    padding: 2px;
}

#login { /* [disabled]height: 82px; */
    /* [disabled]line-height: 82px; */
    /* [disabled]background: url(../../images/layout/login.gif) no-repeat 6px 6px; */
    width: 300px;
    margin-left: 50px;
    /* [disabled]padding: 6px; */
}

#login FORM { /* [disabled]margin-left: 125px; */
    text-align: left;
}

#login LABEL {
    display: block;
    float: left;
    line-height: 20px;
    font-size: 12px;
    width: 70px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: left;
}

#login INPUT.inputbox {
    margin-bottom: 5px;
    width: 300px;
}

#login INPUT.buttonstyle {
    float: right;
    margin-bottom: 0;
}

/* vertical scroll bars 
#innerbody { height: 435px; overflow:auto; size:auto; }
*/
#advanced {
    height: 35px;
    line-height: 35px;
    border-bottom: solid 1px #e0eb9f;
    width: 585px;
    margin-left: 6px;
}

#advanced a {
    font-size: 10px;
    color: #396091;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-right: 30px;
}

/* Menu */
#mainmenu .expand {
    background: url(../../images/layout/arrow.gif) no-repeat 110px 7px;
}

#mainmenu,#mainmenu ul,#loginmenu ul { /* all lists */
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    padding-left: 6px;
}

#mainmenu ul ul,#loginmenu ul ul {
    padding: 0;
}

#mainmenu a.parent,#loginmenu a.parent {
    display: block;
    line-height: 23px;
    color: #396091;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 0px 20px;
    background: url(../../images/layout/menuright-admin.gif) no-repeat right;
}

#mainmenu ul li li a {
    display: block;
    line-height: 18px;
    color: #fff;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 0px 0px;
    width: 125px;
    text-indent: 10px;
    border-bottom: solid 1px white;
}

#loginmenu ul li li a {
    display: block;
    line-height: 18px;
    color: #fff;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 0px 0px;
    width: 125px;
    text-indent: 10px;
    border-bottom: solid 0px white;
}

#mainmenu a:hover,#loginmenu a:hover {
    text-decoration: none;
    color: white;
    background: url(../../images/layout/menu_on_right-admin.gif) no-repeat
        right;
}

#mainmenu ul li li a:hover,#loginmenu ul li li a:hover {
    display: block;
    text-decoration: none;
    color: #57729c;
    background: #ccdaa0;
}

#mainmenu ul li li.expand a.expandlink:hover,#loginmenu ul li li.expand a.expandlink:hover
    {
    display: block;
    text-decoration: none;
    color: #57729c;
    background: #ccdaa0 url(../../images/layout/arrowon.gif) no-repeat 110px
        7px;;
}

#mainmenu li { /* all list items */
    float: left;
    background: url(../../images/layout/menuleft-admin.gif) no-repeat left;
}

#loginmenu li { /* all list items */
    float: right;
    background: url(../../images/layout/menuleft-admin.gif) no-repeat left;
}

#mainmenu li li,#loginmenu li li { /* all list items */
    float: left;
    background: none;
}

#mainmenu li:hover,#loginmenu li:hover,#mainmenu li.sfhover,#mainmenu li a:hover,#loginmenu li a:hover,#loginmenu li.sfhover,#mainmenu li.activeli
    {
    background: url(../../images/layout/menu_on_left-admin.gif) no-repeat
        left;
    color: white;
}

#mainmenu li.sfhover a.parent,#loginmenu li.sfhover a.parent,#mainmenu li a.parent#active
    {
    color: white;
    background: url(../../images/layout/menu_on_right-admin.gif) no-repeat
        right;
}

#mainmenu li:hover a.parent,#loginmenu li:hover a.parent {
    color: white;
    background: url(../../images/layout/menu_on_right-admin.gif) no-repeat
        right;
}

#mainmenu li li:hover,#loginmenu li li:hover {
    background: #57729c
}

#mainmenu li ul,#loginmenu li ul { /* second-level lists */
    position: absolute;
    background: #57729c;
    width: 125px;
    left: -999em;
    /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#mainmenu li ul ul,#loginmenu li ul ul {
    /* third-and-above-level lists */
    margin: -1em 0 0 120px;
    border: solid 1px white;
}

#mainmenu li:hover ul ul,#mainmenu li:hover ul ul ul,#mainmenu li.sfhover ul ul,#mainmenu li.sfhover ul ul ul,#loginmenu li:hover ul ul,#loginmenu li:hover ul ul ul,#loginmenu li.sfhover ul ul,#loginmenu li.sfhover ul ul ul
    {
    left: -999em;
}

#mainmenu li:hover ul,#mainmenu li li:hover ul,#mainmenu li li li:hover ul,#mainmenu li.sfhover ul,#mainmenu li li.sfhover ul,#mainmenu li li li.sfhover ul,#loginmenu li:hover ul,#loginmenu li li:hover ul,#loginmenu li li li:hover ul,#loginmenu li.sfhover ul,#loginmenu li li.sfhover ul,#mainmenu li li li.sfhover ul
    { /* lists nested under hovered list items */
    left: auto;
}

/* End Menu */
.odd {
    BACKGROUND-IMAGE: url(../../images/layout/cylinder.jpg);
    background-repeat: repeat-x
}

.even {
    
}

.title {
    FONT-WEIGHT: normal;
    FONT-SIZE: 27px;
    letter-spacing: -0.00em;
    float: left;
    width: 360px;
    COLOR: #000;
    margin-TOP: 23px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    margin-left: 25px;
}

.commonBlue {
    background: #a2b7d4;
    font-weight: bold;
    color: #396091;
    font-size: 10px;
    padding: 2px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-bottom: solid 1px #6d7457;
    border-right: solid 1px #6d7457;
    width: auto;
}

.commonOnMouseOver {
    background: #e8ecc2;
    font-weight: bold;
    color: #396091;
    font-size: 10px;
    padding: 2px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-bottom: solid 1px #6d7457;
    border-right: solid 1px #6d7457;
}

.commonBluelogin {
    background: #a2b7d4;
    float: right;
    font-weight: bold;
    color: #396091;
    font-size: 10px;
    padding: 2px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-bottom: solid 1px #6d7457;
    border-right: solid 1px #6d7457;
}

.commonBlueloginOnMouseOver {
    background: #e8ecc2;
    float: right;
    font-weight: bold;
    color: #396091;
    font-size: 10px;
    padding: 2px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-bottom: solid 1px #6d7457;
    border-right: solid 1px #6d7457;
}

#grayBody {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: gray;
    filter: alpha(Opacity = 50);
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}

#rowmenus {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

#scrollableContent {
    overflow: auto;
    overflow-y: hidden;
    -ms-over-flow-y: hidden;
    width: 755px;
}

#innerbody div h1 {
    font-family: Verdana, Geneva, sans-serif;
}

#outer #container #main #thebody #innerbody div h1 {
    font-family: Arial, Helvetica, sans-serif;
}

#outer #container #main #thebody #innerbody div h1 {
    font-family: Arial, Helvetica, sans-serif;
}

#outer #container #main #thebody #innerbody div h3 {
    font-family: Arial, Helvetica, sans-serif;
}

.trialtitle {
    
}

#outer #container #main #thebody #innerbody div .trialtitle {
    /* background: url(../../images/title/4dots.png) no-repeat scroll 0 0
        transparent;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    /*letter-spacing: -.01em;*/
    margin: 15px 50px 20px 22px;
    padding: 0 25px 8px;
    color: #000;
}

TD.displayItem {
    border-top: 1px solid #d6d6d6;
    font-size: 11px;
    font-color: gray;
    font-family: Arial, Helvetica, sans-serif;
    word-wrap: break-word;
    max-width: 664px;
}

TD.displayLicense {
    border-top: 1px dashed LightGray;
    font-size: 11px;
    font-color: gray;
    font-family: Arial, Helvetica, sans-serif;
}

.tooltip {
    position: relative;
    z-index: 0;
    padding-left: 3px;
    padding-bottom: 5px;
}
 
.tooltip strong {line-height:30px;}

.tooltip:hover {
    z-index: 9999;
    position: relative;
    left: 0px; 
    top: 0px; 
}

.tooltip span {
    display:none;    
    position: absolute; 
}

.tooltip:hover span {
    z-index:999; 
    display: block;
    position: absolute;
    width: 180px;
    top: 5px;
    right: 1em;
    border: solid 1px #dcdcdc;
    background-color: #f9f9f9;
    color: #666666;
    text-align: center;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);   
    
}
 
.mainTextItem {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-top: 5px;
    margin-bottom: 5px;
}

DIV.tableItem {
    color: gray;
    margin-bottom: 5px;
    float: left;
    /* white-space: nowrap; */
    overflow: hidden;
}

DIV.plainText {
    color: gray;
    vertical-align:middle;
    font-style: italic;
    margin-left: 5px;
    float: left;
    overflow: hidden;
    margin-top: 10px;
}

DIV.plainText IMG {
    vertical-align:middle;
}

DIV.icon {
    width: 25px;
    float: right;
    margin-top: 5px;
}

DIV.tooltip {
    position: relative;
    z-index: 0;
    padding-left: 3px;
    padding-bottom: 5px;
}

DIV.tooltip:hover {
    z-index: 25;
}

DIV.tooltip span {
    display: none;
}

DIV.tooltip:hover span {
    display: block;
    position: absolute;
    width: 150px;
    top: 5px;
    right: 2.7em;
    border: solid 1px #dcdcdc;
    background-color: #f9f9f9;
    color: #666666;
    text-align: center;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
}

DIV.tooltip:hover span.rightToolTip {
    position: absolute;
    width: 150px;
    top: 10px;
    right: -13.7em;
}

div.scrollable {
    border: solid 1px #dcdcdc; 
    padding: .5em;
    max-height: 600px;
    heigth: 600px;
    overflow: auto;
}

.licenseLink {
    COLOR: #666666;
}

.licenseLink:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #B80E0E;
}


/** css buttons **/
.greybutton {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9
        ), color-stop(1, #e9e9e9) );
    background: -moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',
        endColorstr='#e9e9e9' );
    background-color: #f9f9f9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #666666;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 15px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
    margin-bottom: 15px;
    width: auto;
    overflow: visible;
    text-align: center;
}

.greybuttondisabled {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background-color: #dcdcdc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #f9f9f9;
    display: inline-block;
    color: #666666;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 15px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
    margin-bottom: 15px;
    width: auto;
    overflow: visible;
    text-align: center;
    cursor: default;
}

.greybutton:hover {
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9
        ), color-stop(1, #f9f9f9) );
    background: -moz-linear-gradient(center top, #e9e9e9 5%, #f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9',
        endColorstr='#f9f9f9' );
    background-color: #e9e9e9;
    color: #B80E0E !important;
    text-decoration: none !important;
}

.greybutton:active {
    position: relative;
    top: 1px;
    color: #666666;
    text-decoration: none;
}

.greybutton a:hover {
    font-size: 12px;
    color: #B80E0E;
    text-decoration: none;
}

.continueBtn {
    font-size: 14px;
    padding: 6px 20px;
}

td div.linkedAppDesc {
    float:left;
    width:250px;
    overflow:hidden
}

table.searchBar {
    margin:0 0 0 0;
    padding:0;
    border:none;
    width:100%;
    padding-bottom:5px
}

.contentTable {
    margin:0;
    padding:0;
    border:none;
    width:100%
}

.showLicense {
    line-height:2.0em;
    margin-right:3px;
    float:right;
    width:90px;
}
.patchVersions {
    font-size: 10px;
    width: 98%;    
}
.splitPane {
    float:left;
    width:340px;
    height:450px;
    margin-top: 5px;
}
.splitPane .scrollable {
    height:400px;
    overflow-x:hidden;
    -ms-overflow-x:hidden;
    overflow-y:scroll;
    -ms-overflow-y:scroll;
}

.splitPane .scrollable .content {
    margin:0;
    padding:0;
    border:none;
    width:320px;
}

.scrollingBlock {
    overflow-x:hidden;
    -ms-overflow-x:hidden;
    overflow-y:scroll;
    -ms-overflow-y:scroll;
    height:460px;
}

.graySquare {
    float:left;
    width:100px;
    height:100px;
    text-align:center;
    background-color:#dcdcdc;
    font-weight:bold;
    color:#666666;
    font-size:6em;
    font-family:Verdana;
    margin-right:3px;
}

.tutorialCtl {
    margin-left: auto;
    margin-right: auto;
    width: 88%;
}

.getStarted-short {
    float:left;
    width:400px;
    margin-left:2em;
    font-weight:bold;
    font-size:1em;
}

.getStarted-short img {
    margin-top:.5em;
}

.getStarted-long {
    float:left;
    margin-left:0.4em;
    margin-right:0.0em;
    font-weight:bold;
    font-size:1em;

}

.getStarted-long img {
    width:100%;
    max-height:100%;
}

#step-2 {
    height:24.5px;
    float:left;
    margin-left:0.4em;
    margin-bottom:1em;
}

#step-2 img{
    height:100%;
}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

.ui-timepicker-div dl dt {
    height: 25px;
    margin-bottom: -25px;
}

.ui-timepicker-div dl dd {
    margin: 0 10px 10px 65px;
}

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}
/* end css for timepicker */

/* css for numecent.overlay */
.ui-overlay-frame {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    /*width: 800px; // set when creating widget
    height: 620px; // set when creating widget */
    z-index: 24;
    text-align: center;
    background: url(../../images/layout/bg.gif) repeat-x top #ffffff;
    border: 2px solid #000000;
    border-radius: 10px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
}
.ui-overlay-close-button {
    margin: 0 auto 0 auto;
    width:200px
}
.ui-overlay-innerBody {
    width: 97.5%; /*780px;*/
    margin: 5px auto;
    background-color: #ffffff;
    border-radius: 10px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.ui-overlay-header {
    background: url(../../images/layout/nav-background.jpg) repeat-x bottom left #ffffff;
    height: 50px;
    width: 100%;
    border-radius: 10px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.ui-overlay-title {
    font-weight: normal;
    font-size: 27px;
    letter-spacing: -0.00em;
    text-align:left;
    float: left;
    width: 90%;
    height: 32px;
    overflow: hidden;
    COLOR: #000;
    margin: 6px 0 0 30px;
    font-family: Arial, Helvetica, sans-serif;
}
.ui-overlay-contentWrapper {
    width:92.1%; /*719px;*/
    border:none;
    margin:0 auto 0 auto
}
/*end css for numecent.overlay */

.htmlTimePicker {
	width: 200px;
	font-size: 11px;
	font-family: Verdana;
}
.speedIndicator {
    float: left;
    padding-left: 5px;
    padding-top: 2px;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

#browserOsWWarning {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.warningBanner {
    background:#FDF2AB url(../../images/browserOSSupport/warning.png) no-repeat 10px;
    padding: 10px 10px 10px 35px;
    border-bottom:solid 1px;
    
}

/* css for numecent.pagingControl */
.pageSearchBox{
    width: 245px;
}

.searchBox{
    width: 234px;
    height: 24px; 
    padding: 2px; 
    margin: 1px;
    border: 1px solid #dcdcdc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.searchTextBox{
    width: 200px; 
    height: 23;
    border:none;
    margin:2px;
}
.searchBox .searchButton{
    float:right; 
    height:20px; 
    width: 20px; 
    margin: 2px;
    cursor:pointer;
}
.pagingBox{
    width:240px;
    heigth:26px;
    margin-top:6px;
}
.pagingBox .pagingNext{
    float:right;
    height:100%;
    margin:3px 0px 3px 5px;
    width:50px;
    text-align:right;
}
.pagingBox .pagingPrev{
    float:right;
    heigth:100%;
    margin:3px 5px;
    width:50px;
}
.pagingBox .pagingSize{
    float:right;
    heigth:100%;
    margin:0px 5px;
}
.pagingBox .pagingSize .pagingSelect{
    width: 106px;
    border: 2px solid #dcdcdc;
}

.pagingLinkOn{
    /* use default link style */
}
.pagingLinkOff{
    color: #aaa;
    text-decoration: none;
}
/* end css for numecent.pagingControl */