@font-face {
  font-family: 'barclays_icons';
  src:  url('/css/fonts/barclays_icons.eot?i7ku26');
  src:  url('/css/fonts/barclays_icons.eot?i7ku26#iefix') format('embedded-opentype'),
    url('/css/fonts/barclays_icons.ttf?i7ku26') format('truetype'),
    url('/css/fonts/barclays_icons.woff?i7ku26') format('woff'),
    url('/css/fonts/barclays_icons.svg?i7ku26#barclays_icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon_"], [class*=" icon_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'barclays_icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon_incomplete:before {
  content: "\e907";
}

.clear {
	clear : both;
}
.clear_10pixels {
    clear: both;
    margin: 10px 0px 10px 0px;
}

.clear_20pixels {
    clear: both !important;
    margin: 20px 0px 20px 0px;
}

.clear_40pixels {
    clear: both;
    margin: 40px 0px 40px 0px;
}

.clearfix::after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
}
html 
{
	height:100%
}
body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	margin: 0;
	padding: 0;
	text-align: left;
}
INPUT, SELECT, TEXTAREA 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a 
{ 
    color: #404040; 
}
a:hover 
{ 
    color: #333; 
}
a:active 
{ 
    color: #000; 
}

p {
	margin:0px;
	padding-bottom:10px;
}
/* main page */
#page 
{
	width: 100%;
}
/* banner image */
#banner 
{
	margin:             0px 0 0px 0;
	background-color:   #000000; 
	width:              100%;
	height:             90px;
}
#banner img
{
	margin:             10px 0px 0px 10px;
}
/* logged In */
#loggedIn 
{
    font-size:              0.75em;
	background:             url(../images/bg_loggedin.png); 
	background-repeat:      repeat-x;
	background-position:    top center; 
	width:                  100%;
	height:                 34px;
	color:                  #FFFFFF;
	position:               relative;
}
#loggedIn a {
	color:                  #FFFFFF;
	text-decoration:        underline;
}
#loggedIn ul {
	margin:             0;
	padding-top:        10px;
	padding-bottom:     10px;
	padding-left:       1em;
	position:           relative;
}
#loggedIn a:hover 
{
	color:              #A8CBDF;
}
#loggedIn li {
	float:              left;
	padding-right:      10px;
	list-style:         none;
}

/* user_message_error */
.user_message_error {
    text-align: left;
    margin: 0px 0px 10px 0px;
}
    .user_message_error ul {
        background-color: #ed1c2e; /*#F4F1EA #f5f3ed;*/
        margin: 0px 0px 0px 0px;
        padding: 10px 10px 10px 10px;
    }
    .user_message_error li {
        color: #ffffff;
        font-size: 12px;
        list-style: none;
        margin: 2px 0px 2px 0px;
        padding: 2px 0px 2px 0px;
        font-weight: bold;
    }

/* user_message_success */
.user_message_success {
    text-align: left;
    margin: 0px 0px 10px 0px;
}

    .user_message_success ul {
        background-color: #d9ead3;
        margin: 0px 0px 0px 0px;
        padding: 10px 10px 10px 10px;
    }

    .user_message_success li {
        color: #0a6b0d;
        font-size: 12px;
        list-style: none;
        margin: 2px 0px 2px 0px;
        padding: 2px 0px 2px 0px;
        font-weight: bold;
    }

/* main navigation */
#navigation 
{
	position:       relative;
	padding-left:   1em;
	width:          100%;
	height:         3em;
}
#navigation ul#primary 
{
	margin:         0;
	padding:        0;
	position:       absolute;
	bottom:         -1px;
}
#navigation ul#primary li  {
	display: inline;
	list-style: none;
}
#navigation ul#primary a,#navigation ul#primary li.selected,#navigation ul#primary a.current {
	display:            block;
	float:              left;
	padding:            8px 6px 6px 8px;
	margin:             1px 2px 0 0;
	text-align:         center;
	font-size:          .75em;
	text-decoration:    none;
}

#navigation ul#primary a {
	background:             url(../images/bg_navigation.gif); 
	background-repeat:      repeat-x;
	background-position:    bottom center; 
	border:                 1px solid #AAA;
	color:                  #000000;
}
#navigation ul#primary a:hover {
	margin-top:             0;
	border-color:           #666;
	padding-bottom:         5px;
	text-decoration:        underline; 
	color:                  #747474;
}
#navigation ul#primary li.selected {
	display:                inline;
	list-style:             none;
	background:             #4b4c4b;
	border:                 1px solid #666;
	padding-bottom:         6px;
	margin-top:             0;
	color:                  #FFFFFF;
}


/* cmsItemName */
#cmsItemName 
{
	font-size: 11px; 
	margin-left: 10px;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-right: 0px;
	padding-left: 10px;
	position: relative;
	width: 100%;
	color: #404036;
}


/* sub navigation */
#subNavigation 
{
	background: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 0px;
	height: 40px;
	padding-right: 0px;
	padding-left: 0px;
	position: relative;
	width: 99%;
}
#subNavigation ul {
    clear:          both;
	background:     #FFFFFF;
	margin:         0;
	padding:        0;
	position:       relative;
	width:          100%;
}
#subNavigation li 
{
	font-size:      12px; 
	display:        inline;
	list-style:     none;
	padding-top:    5px;
	padding-bottom: 5px;
	padding-left:   10px;
	padding-right:  10px;
	float:          left;
	color:          #1E7F85;
}
#subNavigation li a {
	color:          #000000;
}
#subNavigation li a:hover {
	color:          #515151;
}
#subNavigation li.selected {
	color:          #000000;
	background:     #0099cc;
}
#subNavigation li.selected a {
	color:          #ffffff;
}
#subNavigation li.selected a:hover {
	color:          #ffffff;
}
#subNavigation li.agent_name 
{
	font-size:      12px; 
	display:        inline;
	list-style:     none;
	padding-top:    5px;
	padding-bottom: 5px;
	padding-left:   10px;
	padding-right:  10px;
	float:          left;
	color:          #000000;
}


/* main content */
#main {
	border: 0;
	clear: both;
	margin: 0.5em 0 0 0.5em;
	width: 97%;
	height: 100%;
	position: relative;
}

/* breadcrumbs */
#breadcrumb 
{
    font-size: .75em;
	height: 25px;
	margin-left: 8px;
	position: relative;
	background: #4b4c4b; /* 337536 5A5A5A */
	width: 99%;
}
#breadcrumb ul {
	padding-left: 15px;
	margin: 0;
	position: relative;
}
#breadcrumb li 
{
	display: inline;
	list-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 8px;
	float:left;
	color: #FFFFFF;
}
#breadcrumb li a {
	color: #FFFFFF;
}
#breadcrumb li a:hover {
	color: #FFFFFF;
}


/* menu breadcrumbs */
#breadcrumbMenu 
{
	height: 25px;
	margin-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	position: relative;
	width: 100%;
}
#breadcrumbMenu ul {
	margin: 0;
	padding: 0;
	position: relative;
}
#breadcrumbMenu li 
{
	display: inline;
	list-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-bottom: 10px;
	float:left;
	color: #848A80;
}
#breadcrumbMenu li a {
	color: #848A80;
	text-decoration: none; 
}
#breadcrumbMenu li a:hover {
	color: #848A80;
	text-decoration: none; 
}


/* sub navigation menu */
#subnavMenu
{
    font-size: 0.75em;
}
#subnavMenu H1 
{
	padding: 0;
	margin: 0px 0px 0px 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
#subnavMenu ul 
{
	width: 100%;
	list-style-type: none;
	padding-left: 0px;
}
#subnavMenu li 
{
	display: block;
	list-style-type: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
}
#subnavMenu li a {
	color: #404036;
	text-decoration: none; 
}
#subnavMenu li a:hover {
	color: #8D8E6F;
	text-decoration: underline; 
}

/* wrapper */
#wrapper 
{
	border: 1px solid #666666;
	padding: 0.5em;
	background: #FFFFFF;
	height: 100%;
	width: auto;
}


/* content */
#contents 
{
	margin:         0px 12px 0px 12px;
	padding:        0px 10px 10px 10px;
	background:     #FFFFFF;
	height:         100%;
	width:          auto;
}
#contents h2 
{
	font-size:      12px;
    color:          #000000;
    font-weight:    bold;
    margin:         15px 0px 15px 0px;
}
#contents h3 
{
	font-size: 11px;
    color: #3e3e3e;
    font-weight: bold;
    margin: 15px 0px 15px 0px;
}
#contents p 
{
	font-size: 12px;
    color: #3e3e3e;
    font-weight: normal;
    margin: 4px 0px 4px 0px;
}
#contents li 
{
	font-size: 12px;
    color: #3e3e3e;
    font-weight: normal;
    margin: 4px 0px 4px 0px;
}
#contents .report_type 
{
	font-size: 12px;
    color: #3e3e3e;
    font-weight: bold;
    margin: 20px 0px 10px 0px;
}

/* default menu list */
#contents .menu
{
    width:              100%;
    font-size:          12px;
    border:             solid 0px #000000;
    position:           relative;
    top:                0px;
    margin:             0px 0px 0px 0px;
	padding:            0px 0px 0px 0px;
	
}
#contents .menu ul
{
    list-style:         none;
    padding:            0px 0px 0px 0px;
    margin:             0px 0px 0px 0px;
    
}
#contents .menu ul li 
{
    background-color:   #f1f1f1;
    padding:            2px 0px 3px 3px;
    margin:             2px 0px 1px 0px;
    height:             17px;
}

#contents .menu ul li a
{
    text-decoration: none;
    text-decoration: underline;
}

#contents .menu ul li a:hover
{
    text-decoration: none;
}

#contents .menu ul li.selected a
{
    color:#ffcc80;
    text-decoration: underline;
}


/* standard-form */
DIV.standard-form  
{
    margin: 0px;
    padding: 0px;
}


form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:             Verdana, Arial, Helvetica, sans-serif;
  margin:           0;
  padding:          0;
  min-width:        500px;
  width:            100%; 
}


DIV.standard-form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
	border:         0;
	padding:        0px;        /* padding in fieldset support spotty in IE */
	margin:         0;
}

DIV.standard-form fieldset legend {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
    font-size:      0.75em;
	color:          #033162;
	font-weight:    bold; 
	margin:         0;
	padding:        10px 0px 10px 10px;
	width:          100%; 
}
DIV.standard-form fieldset input, select, textarea 
{
    font-size:      0.75em;
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:          auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:         4px 0 0 2px;
    height: 20px;
}
DIV.standard-form span.readonly 
{
    line-height:    22px;
    font-size:      0.75em;
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:          auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:         8px 0 0 2px; /* set margin on left of form elements rather than right of 
                                  label aligns textarea better in IE */
}
DIV.standard-form span.readonly a
{
	width:          auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:         8px 0 0 2px; /* set margin on left of form elements rather than right of 
                                  label aligns textarea better in IE */
}

DIV.standard-form .editor 
{
    float:          left;
    margin:         2px 0px 2px 0px;
}

DIV.standard-form fieldset label  
{
    font-size:      0.75em;
	display:        block;		/* block float the labels to left column, set a width */
	float:          left; 
	color:          #404040;
	width:          250px; 
	padding-top:    5px; 
	padding-bottom: 5px; 
	padding-left:   10px;
	margin:         0px 0 0px 0px;	/* set top margin same as form input - textarea etc. elements */
	text-align:     left; 
}

DIV.standard-form fieldset input[type="radio"] + label {
    width:30px;
}

DIV.standard-form fieldset .info  
{
    font-size:      0.75em;
	display:        inline;		/* block float the labels to left column, set a width */
	color:          #024b64;
	width:          150px; 
	padding-top:    5px; 
	padding-bottom: 5px; 
	padding-left:   10px;
	margin:         0px 0 0px 0px;	/* set top margin same as form input - textarea etc. elements */
}



.child_details 
{
    min-height:         200px;
    width:              400px;
    background-color:   #f0f0f0; 
	margin:             20px 0 20px 100px;	/* set top margin same as form input - textarea etc. elements */
	padding:            0px 0 0px 0px;	/* set top margin same as form input - textarea etc. elements */
}
.child_details table  
{
	margin:             10px 0 10px 10px;	/* set top margin same as form input - textarea etc. elements */
	padding:            10px 0 10px 0px;	/* set top margin same as form input - textarea etc. elements */
    float:              left;
}
.child_details td  
{
    font-size:          0.75em;
	color:              #393939;
	margin:             0px 0 0px 0px;	/* set top margin same as form input - textarea etc. elements */
}

/* datagrid */
DIV.datagrid {
    clear: both;
    font-size: 12px;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    left: 0px;
    top: 0px;
    height: auto;
    background: #FFFFFF;
}

    DIV.datagrid table {
        width: 100%;
        border-spacing: 0px;
    }

    DIV.datagrid tr {
        padding: 0px !important;
        line-height: 20px;
    }

            DIV.datagrid tr.on {
                vertical-align: top;
                background: #f1f1f1;
            }

            DIV.datagrid tr.off {
                vertical-align: top;
                background: #ffffff;
            }

        DIV.datagrid tr.completed {
            vertical-align: top;
            background: #e1efda;
        }


DIV.datagrid tr.invalid {
    background: #fa040a;
    color: #ffffff;
}

    DIV.datagrid td {
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 10px;
        padding-right: 10px;
    }

        DIV.datagrid td a, DIV.datagrid a {
            color: #000000;
            text-decoration: none;
        }

            DIV.datagrid td a:hover, DIV.datagrid a:hover {
                color: #000000;
                text-decoration: none;
            }

    DIV.datagrid .non-sorting-cell {
        line-height: 24px;
        font-weight: normal;
        color: #000000;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 8px;
        padding-right: 0;
        margin: 0;
        background-color: #ffffff;
    }

        DIV.datagrid .non-sorting-cell a {
            color: #58575A;
            text-decoration: underline;
        }

            DIV.datagrid .non-sorting-cell a:hover {
                color: #58575A;
                text-decoration: underline;
            }

    DIV.datagrid .sorting-cell {
        font-weight: normal;
        color: #000000;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        margin: 0;
        background-color: #ffffff;
    }

    DIV.datagrid .sorting-cell-on {
        padding: 0 0 0 0;
        font-weight: normal;
        color: #000000;
        margin: 0px;
        background-color: #ffffff;
    }

    DIV.datagrid .sorting-cell tr {
        line-height: 10px !important;
    }

    DIV.datagrid .sorting-cell-on tr {
        line-height: 10px !important;
    }

    DIV.datagrid .reporting-cell {
        font-weight: normal;
        color: #024b64;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0px;
        background-color: #FFFFFF;
    }



/* help message shown for the user */
#userhelp {
    font-size: 12px;
    width: 100%;
    padding-left: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #58575A;
    text-align: left;
}


.button_actions {
    display: block;
    width: 100%;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}

.button_actions_right {
    display: block;
    width: 100%;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}

.button_actions_right input {
    float: right;
}

/* cms-button */
INPUT.cms-button {
    font-size: 9px !important;
    float: left;
    border: 0px;
    width: 140px !important;
    height: 26px;
    margin: 0px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url(../images/standard-button.png) center center no-repeat;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
    text-align: left;
    text-indent: 10px;
}
INPUT.cms-activate {
    font-size: 9px;
    float: right;
    border: 0px;
    width: 140px !important;
    height: 26px;
    margin: 0px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url(../images/activate-button.png) center center no-repeat;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    text-indent: 0px;
}
/* cms-button-list */
INPUT.cms-button-list 
{
    font-size:          9px;
	float:              right;
	border:             0px;
	width:              140px;
	height:             26px;
    margin:             0px 0px 0px 0px;
	padding:            0px 0px 0px 0px;
	background:         url(../images/standard-button.png) center center no-repeat;
	color:              #ffffff;
	font-weight:        bold;
	cursor:             pointer;
	text-align:         center;
}

/* cms-disabled-button */
INPUT.cms-disabled-button {
    font-size: 9px !important;
    float: left;
    border: 0px;
    width: 140px !important;
    height: 26px;
    margin: 0px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url(../images/standard-button.png) center center no-repeat;
    color: #cccccc;
    font-weight: bold;
    cursor: pointer;
    text-align: left;
    text-indent: 10px;
}
/* cms-button */
INPUT.cms-small-button {
	border: 0px;
	width: 92px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/small-button.gif) center center no-repeat;
	color: #000000;
	font-weight: bold;
	font-size: 50%;
	cursor: pointer;
	text-align: center;
}
/* cms button large */
INPUT.cms-button-large 
{
    font-size: 11px;
	float: left;
	border:0px;
	width:150px;
	height:26px;
    margin: 0px 20px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../images/large-button.gif) center center no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
	text-align: center;
}
/* cms-button */
INPUT.cms-small-button {
	border: 0px;
	width: 92px;
	height: 20px;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/small-button.gif) center center no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 60%;
	cursor: pointer;
	text-align: center;
}
/* cms-disabled-small-button */
INPUT.cms-disabled-small-button {
	border:0px;
	width:92px;
	height:20px;
	margin:2px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../images/small-button.gif) center center no-repeat;
	color:#cccccc;
	font-weight: bold;
	font-size: 60%;
	cursor:default;
	text-align: center;
}

.textbox
{
    width: 230px;
    border: solid 1px #cccccc;
}

.textboxLeft
{
    width: 230px;
    border: solid 1px #cccccc;
    float: left;
}

.textboxwide
{
    width: 450px;
    border: solid 1px #cccccc;
}

#checkBoxList 
{
	width: 100%;
	margin: 0;
	display: block;
}
#checkBoxList label
{
	width: 200px;
	float: right;
	padding: 0;
	margin: 0;
}
#checkBoxList input
{
	width: 30px;
	float: left;
	padding: 10px 5px 10px 5px;
	margin: 0;
}
.center
{
    text-align:center
}
#formData p
{
    font-size:small;
}
SPAN.mandatory 
{
    padding:        0px 2px 0px 2px;
    font-weight:    bold;
    color:          #e41936;
}
DIV.required_field 
{
    font-size:      0.75em;
    padding:        10px 0px 10px 10px;
    font-weight:    normal;
    color:          #404040;
}


#limited-dates-container
{
    height: 400px;
    clear: both;
    width: 820px;
}
#leftcol
{
    float: left;
    clear: left;
    width: 420px;
}
#rightcol
{
    float: right;
    clear: right;
    width: 400px;
}
#bottomcol
{
    float: left;
    clear: both;
    width: 100%;
}



/*    Set the Style for parent CSS Class    of Calendar control    Parent [CssClass] = myCalendar*/
.calendar 
{    
    background-color: #edfed7;  
}
/*    Common style declaration for hyper linked text*/
.calendar a 
{    
    text-decoration: none;
}
/*    Styles declaration for top title    [TitleStyle] [CssClass] = myCalendarTitle*/
.calendar .calendarTitle 
{    
    color:#ffffff; 
    background-color: #024b64; 
}
/*    Styles declaration for date cells    [DayStyle] [CssClass] = myCalendarDay*/
.calendar td.calendarDay 
{    
    border: solid 1px #fff;    
    border-left: 0;    
    border-top: 0;
}
/*    Styles declaration for next/previous month links    [NextPrevStyle] [CssClass] = myCalendarNextPrev*/
.calendar .calendarNextPrev 
{    
    text-align: center;
}
/*    Styles declaration for Week/Month selector links cells    [SelectorStyle] [CssClass] = myCalendarSelector*/
.calendar td.calendarSelector 
{    
    background-color: #024b64;
}
.calendar .calendarDay a, .calendar .calendarSelector a,.calendar .calendarNextPrev a 
{    
    display: block;    
    line-height: 18px;
}
.calendar .calendarDay a:hover, .calendar .calendarSelector a:hover 
{    
    background-color: #CCCCCC;
}
.calendar .calendarNextPrev a
{    
    color: #FFFFFF;
}
.calendar .calendarNextPrev a:hover 
{    
    color: #FFFFFF;
}


.csv 
{
	background:url(../images/icon-excel-12x12.png) left center no-repeat !important;
	padding-left:20px !important;
	height:20px;
}

.pdf 
{
	background:url(../images/icon_pdf.gif) left center no-repeat !important;
	padding-left:20px !important;
	font-size: .8em;
}

.image 
{
	background:url(../images/icon_image.gif) left center no-repeat !important;
	padding-left:20px !important;
	font-size: .8em;
}



/* for checkboxes */
.checkboxlist {
    width: 100%;
    margin: 10px 0 10px 0px;
    display: block;
}

    .checkboxlist label {
        width: 800px !important;
        float: left;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

    .checkboxlist input {
        border: solid 0px #d2d2d2;
        width: 30px;
        float: left;
        padding: 0px 5px 10px 5px;
        margin: 0;
    }


.standard-form .read_only_field
{
    font-size: 12px;
    font-weight: normal;
	padding: 4px 0px 4px 0px;
	margin: 4px 0px 4px 0px;
}
.standard-form .read_only
{
    font-size: 12px;
    font-weight: normal;
	padding: 4px 0px 4px 0px;
	margin: 4px 0px 4px 0px;
}

/* AutoComplete flyout */
.autocomplete_completionListElement
{
    margin : 0px!important ;
    background-color: white ;
    border : buttonshadow ;
    border-width : 1px ;
    border-style : solid ;
    overflow : auto ;
    height : 200px ;
    font-size : small ;
    text-align : left ;
    list-style-type : none ;
    padding: 0px;
}
    
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
    background-color : #EDFED7;
    color : black ;
    padding : 1px ;
    cursor: default;
}

/* AutoComplete item */
.autocomplete_listItem
{
    background-color : window ;
    color : windowtext ;
    padding : 1px ;
    cursor: default;
}


/* cms-form */
DIV.cms-form  
{
    min-height: 80px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}


form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font: 100% arial,sans-serif;
  margin: 0;
  padding: 0;
  width: 100%; 
}

.ErrorMessage
{
    Color: #e41936; 
    font-size:10px;
    list-style: none;
}
.ErrorMessage li
{
    Color: #e41936; 
        font-size:10px;
    list-style: none;
}



.popup 
{
    width:      500px;
    height:     300px;
    padding:    0px 0px 0px 0px;
    margin:     10px 0px 0px 10px;
}
.popup h2 
{
	font-size: 12px;
    color: #024b64;
    font-weight: bold;
    margin: 15px 0px 15px 0px;
}


/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 257 2010-07-27 23:06:56Z emartin24 $
 */

.popup_content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}


/* Container */
#simplemodal-container {color:#bbb; background-color:#fff; border:5px solid #444; padding:0px; }
#simplemodal-container .simplemodal-data {padding:0px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/close-button.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}


/* CSS hover pop-up code for CVN info */
a.popup_message{
    position:relative; /*this is the key*/
    z-index:24;
}
a.popup_message:hover{z-index:25;}
a.popup_message span{display: none}
a.popup_message:hover span{ /*the span will display just on :hover state*/
    padding:            2px 6px 2px 6px;
    display:            block;
    position:           absolute;
    top:                0px; 
    left:               -320px; 
    font-weight:        normal;
    height:             100px;
    width:              300px;
    border:             solid 1px #393536;
    background-color:   #ffffff; 
    color:              #393536;
    text-align:         left;
}

.help-text {
    font-size: 0.75em;
    color: #404040;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin: 0px 0 0px 0px;
    text-align: left;
}

.arrow {
    width: 7px;
    display: inline-block;
}

.error{
    font-size: 12px;
    color: #CC0000;
    line-height: 20px;
    padding: 5px 0;
    display: block;}

.classbook {
    width: 730px;
}

    .classbook h1 {
        font-size: 18px;
    }

    .classbook h2 {
        font-size: 16px !important;
    }

    .classbook profile {
        margin: 0;
        padding: 0;
    }

    .classbook .profile {
        display: inline-block;
        padding-right: 10px;
        text-align: center;
        vertical-align: top;
        max-width: 80px;
    }

        .classbook .profile .img {
            height: 90px;
        }

            .classbook .profile .img img {
                max-height: 80px;
            }

        .classbook .profile .name {
            font-size: 10px;
            font-weight: bold;
        }

        .classbook .profile .school1 {
            font-size: 10px;
        }

.drag {
    content: "";
    background: url(/images/draggable-tasks.svg);
    background-repeat: no-repeat;
    display: inline-block;
    height: 1em;
    width: 10px;
    background-size: 80%;
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    margin-right: 10px;
}

    .drag:active {
        cursor: grabbing;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
    }


/* paging */
#paging {
    left: 0px;
    margin-top: 20px;
    padding: 0;
    top: 0px;
    width: 100%;
}

    #paging table {
        width: auto;
    }

    #paging td {
        margin: 0;
        padding-left: 10px;
    }

        #paging td a {
            color: #414141;
        }

            #paging td a:hover {
                color: #000000;
            }

select_options {
    width: 100%;
    font-weight: normal;
    margin: 0;
    display: block;
    margin: 2px 0 2px 0px;
}

.select_options a {
    color: #3e3e3e;
    font-size: 12px;
    padding: 2px 10px 2px 10px;
}


/* for nested checkboxes */
.nested_list {
    width: 100%;
    margin: 10px 0 10px 0px;
    display: block;
}

    .nested_list ul {
        list-style-type: none !important;
    }

    .nested_list li {
        padding: 10px 2px 10px 2px;
        display: block;
        clear: both;
    }

    .nested_list label {
        width: 400px !important;
        float: left;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

    .nested_list input {
        border: solid 0px #d2d2d2;
        width: 30px;
        float: left;
        padding: 0px 5px 10px 5px;
        margin: 0;
    }

INPUT.close {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    background: #dddbd7 !important;
    font-size: 10px !important;
    float: left;
    width: 140px !important;
    height: 26px;
    padding: 0px 0px 0px 0px;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
    text-align: left;
    text-indent: 10px;
    margin-left: 0px;
    margin-right: 20px;
    margin-top: 0px;
    color: #4b4c4b;
}
.sizes {
    margin: 4px 0px 4px 0px;
    color: #0056a7;
    font-weight: normal;
    font-size: 12px;
}