/* Default CSS Stylesheet for a new Web Application project */
.rwWindowContent iframe{
    height:95vh !important;
}

html, body {
    height: 100%;
}

body {
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

BR.page {
    page-break-after: always;
}

td.DottedLine {
    background-image: url(images/DottedLine.jpg);
}

div.DottedLine {
    background-image: url(images/DottedLine.jpg);
}

.DialogBox {
    border: outset 5px #4169E1;
    background-color: #C0C0C0;
    border-width: thick;
}

.DialogBoxHeading {
    color: White;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    height: 20px;
    background-color: #4169e1;
}

.DialogBoxUserInfo {
    border: outset 5px #4169E1;
    background-color: #FFFFFF;
    border-width: thick;
}

.TabText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    color: black;
}

.LabelText, .SiteDefault {
    font-family: "Arial Narrow",Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    color: black;
}

.LabelText_Small, .SiteDefault_Small {
    font-family: "Arial Narrow",Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: normal;
    color: black;
    width: 100%;
}

div.SiteDefault_Small table {
    font-family: "Arial Narrow",Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: normal;
    color: black;
    width: 100%;
}

.ReportDefault {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    color: black;
}

.LetterDefault {
    font-family: "Times New Roman", Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    color: black;
}

.LabelTextBold, .SiteDefaultBold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    color: #666666;
}

.SiteDefaultBold2 {
    padding-left: 20px;
}

.LabelTextBoldColumn {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    color: #666666;
    width: 25%;
    padding: 1%;
    text-align: left;
}

.LabelTextBoldColumn1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    color: #666666;
    width: 180px;
}

.LabelTextBoldColumn2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    color: #666666;
    width: 12px;
}

.LogTextOld {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    color: black;
}

.LogTextCurrent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    color: blue;
}

.SiteDefaultBigBold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13pt;
    font-style: normal;
    font-weight: bold;
    color: #5D5C5C;
}

.SiteDefaultRedBold, LabelTextRedBold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    color: red;
}

.SiteDefaultMaroon {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    color: #145fa2;
}

.SiteDefaultMaroonBold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    color: #145fa2;
}

.SiteDefaultGreen {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    color: Green;
}

.SiteDefaultGreenBold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    color: Green;
}



.ContentText {
    color: Black;
    font-family: Arial;
    font-size: 9pt;
    border-style: Groove;
}

.ContentText2 {
    color: Black;
    font-family: Arial;
    font-size: 9pt;
}

.ContentText2Bold {
    color: Black;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
}

.ContentText2BoldWhite {
    color: White;
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
}

.ContentText2BoldMaroon {
    color: #145fa2;
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
}

.ContentText2BoldBlack {
    color: Black;
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
}

.AgendaTitleContentText2BoldBlack {
    color: Black;
    font-family: Arial;
    font-size: 15pt;
    font-weight: bold;
    text-decoration: none;
}

.ContentText2BoldBlue {
    color: Blue;
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
}

.ContentText1BoldPurple {
    color: #145fa2;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}

.HeaderMessage {
    font-family: Arial Narrow;
    font-weight: bold;
    font-size: 9pt;
}

.HeaderMessageArrow {
    font-family: Arial;
    font-weight: bold;
    font-size: 8pt;
}

.HeaderTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    color: #05487f;
    text-transform: none;
}

font.HeaderTitle {
    font-weight: bold;
}

td.HeaderTitle {
    padding: 5px;
    border-bottom: 1px solid #ccc;
}

.HeaderTitle2 {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: Bold;
    color: #DA002B;
    text-transform: none;
}

.HeaderTitle3 {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    color: #DA002B;
    text-transform: none;
}

.DataGrid {
    border-top: solid 1px #75736e;
}

.DataGridItem {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    color: #5D5C5C;
    padding: 10px;
    border-width: 0;
}

.DataGridPlain {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    background-color: white;
    border-collapse: collapse;
    border: solid 2px #5D5C5C;
    width: 100%;
}

.DataGridItemPlain {
    color: #5D5C5C;
    padding: 5px 5px 5px 5px;
    border: solid 1px #5D5C5C;
}

.DataGridItemBoldPlain {
    font-weight: bold;
    padding: 5px;
    border: solid 1px #5D5C5C;
}

.DataGridHeaderPlain {
    font-family: "Arial Narrow", Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    color: black;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    border: solid 2px #5D5C5C;
}

.DataGridFooterPlain {
    font-family: "Arial Narrow", Helvetica, sans-serif;
    font-size: 11pt;
    font-style: normal;
    font-weight: bold;
    padding: 5px;
    border: solid 2px #5D5C5C;
}

/*.DataGridHeader
{
    border: 1px solid;
    border-color: #75736e #75736e #75736e #f2f0ee;
    background: ButtonFace;
    padding: 10px;
    font-weight: bold;
    font-size: 0.9em;
    text-align: left; 
}

.DataGridHeader td
{
    border: 1px solid #75736e; color:#3768b9;
    padding: 4px 4px; 
    font-weight: bold;
    font-size: 0.9em;
}
tr.DataGridHeader
{
    border: 1px solid #75736e;
}*/
.DataGridFooter {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    background: #f6f6f6;
    color: #333;
    padding: 5px;
}

.DataGridHeaderBig {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13pt;
    font-style: normal;
    font-weight: bold;
    color: WHITE;
    background-color: #7091C7;
    padding: 5px;
}



.DataGridPager {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: normal;
    color: Black;
    background: ButtonFace;
    line-height: 20px;
}

    .DataGridPager td {
        border-bottom: 1px solid #75736e;
    }

.DataGridLink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    color: Blue;
    text-decoration: underline;
}



.HomeLogoutLink {
    font-family: Arial;
    font-weight: bold;
    font-size: 10pt;
    color: Black;
    text-decoration: none;
}

td.HeadingRow, div.HeadingRow {
    padding: 5px 10px;
    background-color: #7ab4e2;
    color: #05487f;
    font-weight: bold; /*border-bottom: 1px solid #662d91;*/
}

tr.HeadingRow {
    color: #145fa2;
}

Div.HeadingRow a {
    color: #145fa2;
}

.HeadingRow {
    background-color: white;
}

.PrintHeadingRow {
    background-color: #FDF5E6;
    text-decoration: underline;
}

.siteDefaultTable {
    /*background-color:#eeeded;*/
    border: 0;
    border-collapse: collapse;
    width: 100%;
    text-align: left;
}

.siteDefaultTable2 {
    /*background-color:#eeeded;*/
    border: 0;
    border-collapse: collapse;
    text-align: left;
    padding: 2px;
    font-size: 10pt;
}

.siteDefaultTableRow {
    padding-left: 20px; /*background-color:#eeeded;*/
}

.siteDefaultTableRowHeight {
    height: 50px;
}

.siteDefaultReportTable {
    background-color: white;
    border: solid 1px Black;
    width: 100%;
}

.DataGridPagerLink {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    padding-left: 5px;
    text-decoration: none;
}

A.HeadingUnselected, A.HeadingUnselected:link, A.HeadingUnselected:visited {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    padding-left: 5px;
    text-decoration: none;
}

    A.HeadingUnselected:hover {
        color: #145fa2;
        text-decoration: none;
        padding-left: 7px;
        font-weight: bold;
    }

.tabDefaultStyle {
    width: 100px;
    border: solid 1px black;
    background: #4169E1;
    padding: 5px;
}

.LeftMenuSelected {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    color: #b22222;
    padding-left: 5px;
}

A.MenuUnselected, A.MenuUnselected:link, A.MenuUnselected:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    padding-left: 3px;
    text-decoration: none;
}

    A.MenuUnselected:hover {
        color: #b22222;
        text-decoration: none;
        padding-left: 5px;
        font-weight: normal;
    }

A.MenuSelected {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    color: #b22222;
    font-weight: bold;
    text-decoration: none;
}

    A.MenuSelected:hover {
        color: #b22222;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt;
        font-style: normal;
        padding-left: 1px;
        font-weight: bold;
        text-decoration: none;
    }

A.LinkSelected {
    font-family: Verdana,Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

    A.LinkSelected:hover {
        color: #145fa2;
        text-decoration: none;
        font-family: Verdana,Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-style: normal;
        font-weight: normal;
        font-weight: bold;
    }

A.LinkSelectedWhite {
    color: white;
    text-decoration: underline;
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    font-weight: normal;
}

    A.LinkSelectedWhite:hover {
        color: Red;
        text-decoration: underline;
        font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
        font-size: 10pt;
        font-style: normal;
        color: #000000;
        padding-left: 2px;
        font-weight: bold;
    }

A.LinkUnselected, A.LinkUnselected:link, A.LinkUnselected:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    color: #000000;
    padding-left: 5px;
    text-decoration: none;
}

    A.LinkUnselected:hover {
        color: #145fa2;
        font-weight: bold;
        text-decoration: underline;
    }

A.AttachmentsLink, A.AttachmentsLink:link, A.AttachmentsLink:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    color: #000000;
    padding-left: 5px;
    text-decoration: none;
}

    A.AttachmentsLink:hover {
        color: #145fa2;
        text-decoration: underline;
    }


.TitleHeaders {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: Bold;
    color: #DA002B;
}

.errMessage {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    color: Red;
}


.ButtonStyle {
    font-size: 8pt;
    border-top-style: outset;
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    border-right-style: outset;
    border-left-style: outset;
    background-color: gainsboro;
    border-bottom-style: outset;
    height: 24px;
    border-color: White;
    border-width: 2px;
    width: 20px;
    cursor: hand;
}

.RadioBox {
    padding-right: 8px;
}

table label {
    padding-right: 8px;
}

.ImageButtonStyle {
    cursor: hand;
}

.hyperLink {
    text-decoration: underline;
    color: blue;
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold; /*line-height : 12px;*/
}

.pageTitle {
    font-size: 10pt;
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 12px;
    color: #901129;
}

.txtBoxStyle {
    border-style: Groove;
    width: 150px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
}

.txtBoxStyle2 {
    border-style: Groove;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
}

.txtBoxStyleUserInfo {
    border-style: solid;
    width: 150px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
}

.cboBoxStyle {
    border-style: Groove;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
}

.txtBoxStyle_AE6 {
    border-style: Groove;
    width: 170px;
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: #fffacd;
}

.tabletxtBoxStyle {
    border-style: Groove;
    width: 80px;
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

.alertBoxError {
    display: block;
    margin: 10px 0px 10px 0px;
    padding: 11px 10px 8px 10px;
    background: #f9fad0 url(../images/page_parts/stopSign.jpg) no-repeat;
    background-position: 2px 3px;
    border-top: 3px solid #e2e412;
    border-bottom: 3px solid #e2e412;
    font-size: 9pt;
}

    .alertBoxError .alertBoxHeaderError {
        display: block;
        margin: 0px 0px 3px 26px;
        padding: 0px;
        font-size: 12pt;
        font-weight: 800;
        text-transform: capitalize;
        background: Gold;
        border: none;
    }

.alertBoxWarning {
    display: block;
    margin: 10px 0px 10px 0px;
    padding: 11px 10px 8px 10px;
    background: #f9fad0 url(../images/page_parts/stopSign.jpg) no-repeat;
    background-position: 2px 3px;
    border-top: 3px solid #e2e412;
    border-bottom: 3px solid #e2e412;
    font-size: 9pt;
}

    .alertBoxWarning .alertBoxHeaderWarning {
        display: block;
        margin: 0px 0px 3px 26px;
        padding: 0px;
        font-size: 12pt;
        font-weight: 800;
        text-transform: capitalize;
        background: Gold;
        border: none;
    }
/**/
A:link {
    text-decoration: none;
    color: black;
}

A, A:hover {
    text-decoration: underline;
    color: black;
}

SMALL {
    font-size: 8px;
}

BIG {
    font-size: 14px;
}

BLOCKQUOTE, PRE {
    font-family: Lucida Console, monospace;
}


img {
    padding: 0px;
    margin: 0px;
}

ul {
    padding: 0px;
    margin: 0px;
}

li {
    padding: 0px;
    margin: 0px;
}

UL LI {
    list-style-type: square;
}

    UL LI LI {
        list-style-type: disc;
    }

        UL LI LI LI {
            list-style-type: circle;
        }

OL LI {
    list-style-type: decimal;
}

OL OL LI {
    list-style-type: lower-alpha;
}

OL OL OL LI {
    list-style-type: lower-roman;
}

HR {
    height: 1pt;
    text-align: left;
}





@media print {
    .noprint {
        display: none;
    }
}

#DivBlock {
    position: relative;
    height: 100%;
    width: 100%;
}

/* ------------------------------------------------------------------------------- Left Side menu ---------------------------------------------------*/

#left-col {
    background-image: url(../images/skin/left_col_bg.jpg);
    background-repeat: no-repeat;
    background-position: 0 bottom;
}

#LeftMenu1_lbMenu {
    width: 100%;
    border-collapse: collapse;
}

#LeftMenu1_bottom {
    height: 20px;
    background-image: url(../images/skin/left_nav_bottom.gif);
    background-repeat: repeat-x;
}

#LeftMenuOuterLink {
    background-image: url(../images/skin/left_nav_bottom.gif);
    background-repeat: repeat-x;
}

#RootMenu {
    background-color: #b0d1e1;
    width: 167px; /* this is to change the width of the red bar */ /*height: 100%; 	min-height:100%; 	float:left;*/
}

#GraySideBar {
    background-color: #444444;
    width: 31px; /*min-height:100%;*/ /*height: 100px;*/ /*position:relative; 	left: 0px; 	top: 0px; 	border-left:1px solid #848383; 	float:left;*/
}

.ProjectTitle {
    background-image: url(Images/SideBarName.jpg);
    background-repeat: no-repeat;
    top: 0px;
    position: relative;
    height: 209px;
    width: 24px;
    margin-left: 5px;
    margin-top: 35px;
}

#NavContainer {
    float: left;
    top: 0px;
    position: relative;
    left: 0px;
    width: 167px; /*   this is what you need to chance  the width of the navbuttons  */
    z-index: 3; /*border-top:2px solid #ad5c5c;*/
}

    #NavContainer a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
        text-decoration: none;
        color: #FFFFFF;
        position: relative;
        display: block;
        padding: 15px 30px 15px 10px; /*line-height: 40px;*/
        text-align: right; /*Height: 40px;*/
        background-image: url(../images/skin/left_nav_arrow.gif);
        background-repeat: no-repeat;
        background-position: 94% 50%;
    }

        #NavContainer a:Hover {
            color: #ffe784;
        }

    #NavContainer ul li {
        list-style: none;
        width: 100%;
        background-image: url(Images/buttonback2.jpg);
        background-position: left top;
        background-repeat: no-repeat; /*background-repeat:repeat-x;*/
        display: block;
        border-bottom: 2px solid #ad5c5c;
    }

.menuLinks {
    background-image: url(../images/skin/left_nav_bottom.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    margin: 0;
    padding: 0; /*border-bottom:2px solid #ad5c5c;*/
}

td.menuLinks:hover {
    /*background-position:0 -40px;*/
}

#University_logo {
    background-image: url(Images/University_logo.jpg); /* customize logo here */
    background-repeat: no-repeat;
    background-color: #880000;
    height: 95px;
    width: 95px;
    position: relative;
    margin-top: 50%;
    margin-bottom: 20px;
}

#eRSO_logo {
    background-image: url(Images/eRSO_logo-RedBG_2.gif);
    background-repeat: no-repeat;
    background-color: #880000;
    height: 67px;
    width: 144px;
    position: relative;
    margin-top: 50%;
    margin-bottom: 50px;
}

#leftBanner {
    /*position:absolute;*/
    float: left;
    height: 70px;
    background-color: #b0d1e1; /*border-bottom:2px solid #ad5c5c;*/ /*width:167px;*/
}

#linksBox {
    /*position:relative; 	top:37px; 	Left: 20px;*/
    height: 28px; /*width: 250px;*/
    padding-top: 12px; /*font-size: 8pt;*/
    background-image: url(../images/skin/home_logout_bg.gif);
    background-repeat: repeat-x;
    padding-right: 10px;
}

    #linksBox a {
        float: right;
        display: block;
        height: 17px;
        background-image: url(../images/skin/home_logout_link_bg.gif);
        background-repeat: no-repeat;
        font-size: 11px;
        line-height: 16px;
        text-decoration: none;
        color: #fff; /*font-size: 8pt;  padding:0px;  margin: 0px;*/
    }

        #linksBox a:hover {
            color: #ffe784;
        }

#lnkHome {
    width: 44px;
    padding-left: 20px;
}

#lnkLogout {
    width: 58px;
    padding-left: 15px;
    background-position: -64px;
}

.linksBoxHome {
    position: relative;
    float: left;
    left: 0px;
    top: 0px; /*background-image:url(Images/Home.png); 	background-repeat:no-repeat;*/ /*padding-left:25px;*/
    padding-top: 5px;
    margin-right: 12px;
    color: #FFFFFF;
}

    .linksBoxHome a {
        color: #FFFFFF;
    }

.linksBoxLogout {
    left: 0px;
    right: 0px;
    position: relative;
    float: left; /*background-image:url(Images/logoff.png); 	background-repeat:no-repeat;*/ /*padding-left:25px;*/
    padding-top: 5px;
    color: #FFFFFF;
}

    .linksBoxLogout a {
        color: #FFFFFF;
    }

#welcome {
    font-size: 11px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    padding-top: 0;
    position: fixed;
    right: 29px;
    top: 4px;
    font-weight: bold;
    z-index: 10000;
}

.hideRow {
    display: none;
}

/* ------------------------------------------------------------------------------- Left Side menu ---------------------------------------------------*/

.ImageButton img:hover {
    cursor: hand;
}

.LinkButton a {
    color: Blue;
    text-decoration: underline;
    font-size: 12pt;
}

    .LinkButton a:hover {
        font-weight: bold;
    }

#RootTopbanner {
    position: relative;
    float: left;
    left: 0px;
    width: 100%; /*left: 32px;*/
    top: 0px;
    height: 79px;
    background-color: #b0d1e1;
    background-image: url(../images/skin/romeo_header_bg.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    z-index: 1;
}

#Topbanner {
}

#BannerLink {
    float: right;
    position: fixed;
    right: 0px;
    top: 49px;
    margin-right: 30px;
    margin-top: -18px;
    z-index: 10000;
}

    #BannerLink a {
        color: #FFFFFF;
        text-decoration: none;
        font-size: 10pt;
        position: relative;
        float: Right;
        display: block !important;
        padding: 4px 8px 4px 8px;
        background: url('../images/menu_bg.jpg');
        /*background-color: #5a94c3;
    border-left: 1px solid #b0d1e1;
    border-right: 1px solid #b0d1e1;
    border-top: 1px solid #b0d1e1;*/
        border-bottom: 0; /*border-bottom: 1px solid #750101;*/
        border-radius: 6px 6px 0 0;
        font-weight: bold;
        margin-left: 3px;
        margin-right: 3px;
    }

        #BannerLink a:hover {
            background: url('../images/menu_bg_hover.jpg');
            /*background-color: #d3e6f5;*/
            color: #fff;
            /*border-bottom: 2px solid #f7f1fb;*/
            display: block !important;
        }

    #BannerLink .selected {
        background-color: #FFFFFF;
        color: #145fa2;
        border-bottom: 1px solid #FFFFFF;
        border-radius: 6px 6px 0 0;
    }

.selectedModuleLink {
    position: relative;
    right: 0px;
    background-color: #FFFFFF;
    color: #145fa2;
    text-decoration: none;
    font-size: 10pt;
    font-weight: bold;
    float: Right;
    display: block;
    padding: 4px 8px 4px 8px;
    border-left: 1px solid #b0d1e1;
    border-right: 1px solid #b0d1e1;
    border-top: 1px solid #b0d1e1;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
}

#ContentArea {
    position: relative;
    float: left;
    top: 6px; /*top:73px;*/
    height: 100%;
    padding-left: 8px;
    padding-right: 8px; /*width:82%;*/
}

.CustomReport_ReportTitle {
    font-family: Arial;
    font-size: 15pt;
    font-weight: bold;
    color: Black;
    background-color: White;
    text-align: center;
    padding-bottom: 6px;
}


.CustomReport_GroupingHeader {
    font-family: Arial;
    font-size: 13pt;
    font-weight: bold;
    color: Black;
    background-color: White;
    text-align: left;
    vertical-align: bottom;
    padding-top: 20px;
    padding-bottom: 6px;
}

.CustomReport_DetailsHeader {
    border: solid 1px #a9a9a9;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: black;
    background-color: #dcdcdc;
    text-align: center;
    vertical-align: middle;
    padding: 4px 4px 4px 4px;
}

.CustomReport_DetailsData {
    border-top: dotted 1px #dcdcdc;
    font-family: Arial;
    font-size: 9pt;
    color: black;
    background-color: white;
    padding: 4px 2px 3px 2px;
}

.CustomReport_GroupingTotals {
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    color: black;
    background-color: white;
    padding: 3px 2px 2px 2px;
}

.CustomReport_GroupingTotalsFirst {
    padding-top: 4px;
    border-top: solid 1px black;
    vertical-align: bottom;
}

.CustomReport_GrandTotals {
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: black;
    background-color: #dcdcdc;
    padding: 3px 2px 2x 2px;
}

.CustomReport_GrandTotalsFirst {
    padding-top: 4px;
    border-top: solid 1px black;
    vertical-align: bottom;
}




/* Style used for session warning modal popup window*/



.modalPopup {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10000;
}

.modalBackground {
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=50);
    background-color: #aaaaaa;
    -moz-opacity: 0.5;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999k;
    top: 0px;
    left: 0px;
}

.modalContainer {
    position: absolute;
    width: 300px;
    left: 50%;
    top: 50%;
    z-index: 750;
}

.modal {
    background-color: white;
    border: solid 1px #BBBBBB;
    position: relative;
    top: -150px;
    left: -150px;
    z-index: 1000;
    width: 300px;
    height: 100px;
    padding: 0px;
}

.modalTop {
    width: 292px;
    height: 13px;
    background-color: #EDEDED;
    border-bottom: solid 1px #BBBBBB;
    padding: 4px;
    color: #666666;
    font-size: 8pt !important;
    vertical-align: middle;
}

    .modalTop a, .modalTop a:visited {
        color: #666666;
    }

.modalBody {
    font-size: 9pt !important;
    padding: 10px;
}

.ButtonBox {
    background: #606161; /* Old browsers */
    background: -moz-linear-gradient(top, #606161 1%, #252626 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#606161), color-stop(100%,#252626)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #606161 1%,#252626 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #606161 1%,#252626 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #606161 1%,#252626 100%); /* IE10+ */
    background: linear-gradient(to bottom, #606161 1%,#252626 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606161', endColorstr='#252626',GradientType=0 ); /* IE6-9 */
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
    float: left;
    border: 0 none;
    cursor: pointer;
    font-weight: bold;
}

    .ButtonBox:hover {
        background: #252626; /* Old browsers */
        background: -moz-linear-gradient(top, #252626 0%, #606161 99%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252626), color-stop(99%,#606161)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #252626 0%,#606161 99%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #252626 0%,#606161 99%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #252626 0%,#606161 99%); /* IE10+ */
        background: linear-gradient(to bottom, #252626 0%,#606161 99%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252626', endColorstr='#606161',GradientType=0 ); /* IE6-9 */
        font-weight: bold;
    }

/* Rad Menu Styles - starts */
.rmRootGroup {
    position: fixed !important;
    width: 100% !important;
}

.RadMenu .rmGroup .rmText {
    margin: 0 0 0 0 !important;
}

.rmBottomArrow {
    width: 100% !important;
    margin-left: 0 !important;
}

.RadMenu_Silk .rmGroup {
    -moz-box-shadow: 0 5px 10px #ccc;
    -webkit-box-shadow: 0 5px 10px #ccc;
    box-shadow: 3px 2px 3px rgba(122,122,122,0.7) !important;
    border: 1px solid #E3E2E2 !important;
}

.RadMenu .rmRoundedCorners ul.rmGroup, .rmRoundedCorners .rmGroup ul.rmGroup, .rmRoundedCorners ul.rmGroup {
    margin-left: 0px !important;
}


.RadMenu .rmTopArrow, .RadMenu .rmBottomArrow {
    z-index: 2000;
    left: 0px;
    bottom: 0px;
}

.RadMenu .rmTopArrowDisabled, .RadMenu .rmBottomArrowDisabled {
    z-index: 2000;
    left: 0px;
    top: 0px;
}

.RadMenu .rmRoundedCorners .rmScrollWrapContainer, .rmRoundedCorners .rmScrollWrapContainer {
    padding: 0px 0 0 0px !important;
}
/* Rad Menu Styles - ends */

A.rtsLink {
    text-decoration: none !important;
}

.RadPicker TD A {
    z-index: 0 !important;
}

.rcCalPopup {
    position: relative;
    z-index: 10;
}

#ctl00_ContentPlaceHolder1_ctrlContent_ctl00_rdpEntryDateFrom_calendar_wrapper {
    position: relative !important;
    z-index: 10 !important;
}

td.ShortHeadingRow {
    background-color: #b0d1e1;
    color: #145fa2;
}

.RadCalendarPopup {
    z-index: 10 !important;
}

td.rgExpandCol {
    width: 2%;
}

.rgRow td, .rgAltRow td, .rgHeader td, .rgFilterRow td {
    border-left: solid 1px #aaa !important;
}

.imghoverpointer {
    cursor: pointer;
}
/*div.RadMenu .rmRootGroup .rmLast   
{  
float: right;   
}  
 
div.RadMenu .rmGroup .rmLast  
{  
float: none;   
}*/
.divLoaderModal {
    margin: auto;
    font-family: Trebuchet MS;
    filter: alpha(opacity=100);
    opacity: 1;
    font-size: small;
    vertical-align: middle;
    top: 50%;
    position: absolute;
    right: 45%;
    color: #275721;
    text-align: center;
    width: inherit;
    height: 50px;
    z-index: 999999;
}

.divModalOverlay {
    font-family: Sans-Serif;
    border: solid 0px #275721;
    color: #275721;
    vertical-align: middle;
    height: 50px;
}

.divModalPopup {
    background-color: Gray;
    filter: alpha(opacity=60);
    opacity: 0.60;
    width: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    height: 100%;
    z-index: 100001;
}

html .RadMenu_Silk .rmRootGroup {
    border: none !important;
    background: none !important;
    background-image: none !important;
    top: 18px;
    left: 350px !important;
}

html .RadMenu_Silk .rmRootLink .rmText {
    padding: 0px 15px !important;
}

html .RadMenu_Silk .rmRootGroup .rmItem {
    background: url('../images/menu_bg.jpg');
    border-radius: 6px 6px 0 0;
    margin-right: 10px !important;
    height: 26px !important;
}

    html .RadMenu_Silk .rmRootGroup .rmItem li {
        background: none !important;
        margin: 0 !important;
    }

        html .RadMenu_Silk .rmRootGroup .rmItem li a {
            color: #0C3571 !important;
        }

html .RadMenu_Silk .rmLink {
    color: #FFF !important;
    padding: 0 !important;
}

    html .RadMenu_Silk .rmLink:hover, .rmSelected {
        background: url('../images/menu_bg_hover.jpg') !important;
        border: none !important;
        border-radius: 6px 6px 0 0;
        cursor: pointer;
    }

html .RadMenu_Silk .rmRootGroup .rmItem li .rmLink:hover {
    background: url('../images/menu_bg_hover.jpg');
    border-radius: 0 !important;
    background: #3381c1 !important;
    cursor: pointer;
    color: #FFF !important;
}

.RadMenu_Silk .rmGroup {
    border-top: none !important;
}

.RadMenu .rmGroup .rmText {
    padding: 0 54px 0 15px !important;
}

.rgDataDiv {
    overflow-x: hidden !important;
    height: auto !important;
}

.GridCaption h5 {
    margin: 0px !important;
    padding: 0px !important;
}


.newBtn, tr.newBtn2 input {
    background: url('../images/login_btn3_hover.jpg') repeat-x center center;
    padding: 0 5px;
    height: 20px;
    border: none;
    color: #000;
    font-size: 12px;
    vertical-align: top;
    border-radius: 0px;
    line-height: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 1);
    -moz-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 1);
    box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 1);
}

.RadWindow .rwControlButtons li {
    list-style-type: none;
}

#Form1 {
    position: relative;
}

.newBtn:hover, tr.newBtn2 input:hover {
    cursor: pointer;
    background: url("../images/login_btn3_hover2.jpg") repeat-x 0 0;
    color: #000;
}

.RadMenu_Silk .rmGroup .rmLink.rmExpanded, .RadMenu_Silk .rmGroup .rmLink:hover, .RadMenu_Silk .rmGroup .rmLink.rmFocused, .RadMenu_Silk .rmGroup .rmLink.rmSelected {
}

html[data-useragent*='MSIE 10.0'] .RadWindow .rwControlButtons a {
    margin-top: -20px;
    display: none !important;
}

.changeset {
    border: 1px solid #CCC !important;
}

#RadWindowWrapper_rwndProjectMemberInfo {
    top: 30px !important;
    height: 570px !important;
}

.inner_logo {
    height: 55px;
    float: left;
    margin-left: 15px;
}

.inner_banner {
    width: 835px;
    height: 55px;
    float: left;
}

.RadMenu ul.rmActive, .RadMenu ul.rmRootGroup {
    margin-top: 11px !important;
}

html .RadMenu_Silk .rmRootLink {
    line-height: 26px !important;
}

#header-wrapper {
    background: url("../images/Header-bg-Romeo2.jpg") no-repeat #1c6ba7 !important;
}

.divLoaderModal {
    position: fixed !important;
    display: block !important;
    width: 311px !important;
    height: 67px !important;
    text-align: center !important;
}

    .divLoaderModal img {
        display: block !important;
        width: 311px !important;
        margin-left: 30% !important;
        text-align: center !important;
    }

.rgHeader {
    font-weight: bold !important;
    border-left: #aaaaaa 1px solid !important;
}


.GridRow_eRSO td, .GridAltRow_eRSO td, .GridFooter_eRSO td, .GridGroupFooter_eRSO td {
    border-right: 1px solid #eae9e1 !important;
}

    .GridRow_eRSO td:first-child, .GridAltRow_eRSO td:first-child, .GridFooter_eRSO td:first-child, .GridGroupFooter_eRSO td:first-child {
        border-left: 1px solid #eae9e1 !important;
    }

.GridHeader_eRSO:first-child, .ResizeHeader_eRSO:first-child {
    border-left: 1px solid #75736e !important;
}

.rgRow td:last-child, .rgAltRow td:last-child, .rgHeader td:last-child, .rgFilterRow td:last-child {
    border-right: 1px solid #aaa !important;
}

.rgHeader:last-child {
    border-right: 1px solid #aaa !important;
}

.RadGrid_Default .rgCommandCell {
    border-color: #999 #999 !important;
}

.RadGrid_Default .rgRow td, .RadGrid_Default .rgAltRow td, .RadGrid_Default .rgEditRow td, .RadGrid_Default .rgFooter td {
    border-bottom-width: 0px !important;
}

/*table.siteDefaultTable2 td span{width:425px !important; margin:3px 0px !important;}
table.siteDefaultTable2 td span span{float:left !important; width:auto !important;}*/

ul.rwControlButtons li {
    margin-top: -17px !important;
}

    ul.rwControlButtons li a.rwCloseButton {
        position: absolute !important;
        margin-top: 18px !important;
        margin-left: -24px !important;
    }

#header-wrapper {
    z-index: 7000;
}

table.rgMasterTable th:first-child {
    width: 100px !important;
}


.scrollDivSmall {
    height: 291px !important;
    overflow: auto;
}

.scrollDivLarge {
    height: 450px !important;
    overflow: auto;
}

.selectBtn {
    width: 32px;
}




.radgMinWidth {
    min-width: 50px !important;
    width: 50px !important;
}

#radgrdSponsor_GridData .rgRow td, #radgrdSponsor_GridData .rgAltRow td, #radgrdSponsor_GridData .rgHeader td, #radgrdSponsor_GridData .rgFilterRow td {
    border-top: solid 1px #aaa !important;
    padding: 2px 7px !important;
}

#radgrdSponsor_GridData .rgRow:last-child td, #radgrdSponsor_GridData .rgAltRow:last-child td, #radgrdSponsor_GridData .rgHeader:last-child td, #radgrdSponsor_GridData .rgFilterRow:last-child td {
    border-bottom: solid 1px #aaa !important;
}

.sponsor_details_grid fieldset {
    margin: 0px !important;
    padding: 0px !important;
    border: 0px !important;
    border-bottom: 0px !important;
}

.sponsor_details_grid th.rgHeader:first-child {
    border-right: none !important;
}

.sponsor_details_grid table.rgMasterTable {
    border: 0px !important;
}

#ctl02_ctl00_radgrdMileStones table.rgMasterTable {
    border: 0px !important;
}

.sponsor_details_grid .RadGrid_Default {
    border: 0px !important;
}

#ctl00_ContentPlaceHolder1_ctrlContent_imgbtnSearch {
    margin-left: 20px;
}

.printwindow {
    z-index: 10001 !important;
}

table {
    border-spacing: 0px !important;
}


.client_logo {
    width: 150px;
}

.inner_logo {
    width: 150px;
}

    .inner_logo .center_logo {
        height: 56px;
    }

.center_logo {
    width: 150px;
    height: 110px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

    .center_logo img {
        margin: 0 auto;
    }

.inner_logo .center_logo {
    height: 56px;
    width: 80px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
/*RadPanelBar styles*/

.RadPanelBar .rpLink {
    padding: 1px 10px !important;
}

.RadPanelBar .rpLink {
    font: normal 12px/24px "Segoe UI",Arial,sans-serif;
}

.RadPanelBar .rpTemplate {
    font: normal 12px/24px "Segoe UI",Arial,sans-serif;
}

.CollapsiblePanelContent {
    padding: 10px 0px 10px 10px;
    vertical-align: top;
    width: 100%;
    text-align: left;
    border: 0;
    border-collapse: separate;
}

.RadPanelBar .rpItem {
    /*overflow-y: visible !important;*/
}

.RadPanelBar .rpLevel1 {
    /*max-height: 200px !important;*/
    width: 100% !important;
    overflow-y: auto !important;
}

.ProductInfoContainer {
    font-size: 11px !important;
    padding: 5px 5px 5px 5px 5px;
}

    .ProductInfoContainer label {
        color: rgba(0, 106, 168, 1);
    }

    .ProductInfoContainer a {
        color: rgba(0, 106, 168, 1) !important;
        font-size: 11px !important;
    }

    .ProductInfoContainer p {
        font-size: 11px !important;
        margin-bottom: 10px;
        line-height: 130%;
    }

    .ProductInfoContainer .PPLogo {
        height: 55px;
        width: 211px;
    }

    .ProductInfoContainer .ROMEOLogo {
        height: 67px;
        width: 154px;
    }

.productDetails td {
    padding-top: 10px;
    padding-bottom: 5px;
}

.left {
    float: left;
    padding: 3px;
}

.right {
    float: right;
    padding: 3px;
}
/*html body .riSingle .riTextBox#txtPurchase {
     width:230px !important;
}

html body .riSingle .riTextBox[type="text"]{ width:230px !important;
}*/
