﻿
/*************************************************
*
*  MAIN HTML/BODY Defined
*
**************************************************/

html
{
	overflow: hidden; /* Turn off base scrollbars */
}

body
{
	background-position: left 90px; /* start the header backgruond at 91px off the top */
	font-family: Arial, Tahoma;
	font-size: 11px;
	margin: 0;
	padding: 0;
	border: 0;
	background-repeat: repeat-x;
	background-attachment: fixed;
	min-width: 1000px;
    background-color: #000 !important;
}

.ui-dialog {
    z-index:99999 !important;
}

/*************************************************
*
*  TOP HEADER ITEMS
*
**************************************************/

#framecontentTop
{
	position: absolute;
	top: 0;
	left: 0;
	height: 80px; /*Height of top frame div*/
	border-bottom: 1px solid #fff;
	width: 100%;
	min-width: 1000px;
	z-index: 1000;
}

#headerTable
{
	width: 100%;
	height: 101px;
}

.headerCompanySlogan, .headerCompanyName
{
	float: left;
}

.textLinks
{
	float: right;
	padding: 10px;
}

.textLinks img
{
	vertical-align: middle;
	padding-left: 4px;
}

.menuHolder
{
	clear: left;
	position: absolute;
	bottom: -1px;
	width: 100%;
}

#ie6Menu a, #ie6Menu a:hover
{
	display: block;
	height: 30px;
	margin-right: 30px;
	float: left;
	background-color: lightsteelblue;
	border: steelblue 1px solid;
	padding: 0px 5px;
	line-height: 30px;
	color: White;
	font-weight: bold;
}

/*************************************************
*
*  BODY ITEMS
*
**************************************************/

#maincontent
{
	position: fixed;
	top: 80px; /*Set top value to HeightOfFrameDiv*/
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	padding: 0px;
	z-index: 10;
}


.bodyContent
{
	background-color: White;
	position: relative;
	padding: 10px;
	background-image: url(../../images/custom/bodyContentSlice.png);
	background-position: left top;
	background-repeat: repeat-x;
}

.bodyContentWrapper
{
	background-color: White;
	margin: 0px 30px 30px 30px;
	background-image: url(../../images/custom/bodyContentBottomSlice.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-bottom: 60px;
}


/*************************************************
*
*  Misc Items
*
**************************************************/

*
{
	margin: 0; /* This setting was put in a long time ago to create an easier box model across browsers but it makes me cry sometimes*/
	padding: 0;
	font-size: 11px;
	font-family: Arial;
	font-size: 11px;
	font-family: Arial;
}

a
{
	color: #25455F;
	text-decoration: none;
	outline-style:none;
	outline-width:0;

}

a img
{
	border:none;
}

a:hover
{
	color: maroon;
}


h1
{
	font-size: 22px;
}

h2
{
	font-size: 16px;
}
h3
{
	font-size: 14px;
}
h4
{
	font-size: 14px;
}
h5
{
	font-size: 12px;
	margin-bottom: 10px;
}

ul li
{
	list-style: none;
}

p
{
	margin-top: 10px;
}

ul li
{
	list-style: none;
}

textarea, input[type="text"], select, input[type="password"], input[type="file"]
{
	font-family: Arial;
	font-size: 12px;
	padding: 3px;
	border: 1px solid #ccc;
	width: 200px;
}

input[type="checkbox"],input[type="radio"]
{
	margin: 0;
}

input[type="checkbox"]
{
	vertical-align: middle;
	padding: 0px 2px;
}

.cb
{
	clear: both;
}
.dn
{
	display: none;
}
.fl
{
	float: left;
}
.fr
{
	float: right;
}

/*********************************
**
**  COMMON TABLE LAYOUT CSS
**
***********************************/

h2.sub
{
	font-size: 12px;
	margin: 8px 0px 4px 8px;
	color: #696969;
}

.label
{
	font-weight: bold;
}

.value
{
}

.rightCol, .leftCol, .leftIndent, td.autoSize, td.fullWidth, .autoSize
{
	padding: 3px;
}

.leftCol
{
	text-align: right;
}

.leftIndent
{
	padding-left: 10px;
}

.autoSize textarea, .autoSize input[type="text"], .autoSize select, .autoSize input[type="password"]
{
	width: auto;
	margin-left: -3px; /* RVA3: done to line up autosized and non-autosized Universal Controls */
}

.fullWidth input[type="text"]
{
	width: 95%;
}

.smallText input, .smallText textarea
{
	width: 300px;
}

.mediumText input, .mediumText textarea
{
	width: 400px;
}

.largeText input, .largeText textarea
{
	width: 500px;
}

td.headerRow div, div.headerRow
{
	background-color: #F5F5F5;
	border: 1px solid #ccc;
	font-weight: bold;
	font-size: 1.1em;
	margin: 10px 0px 10px 0px;
	padding: 4px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
.subscriptionLink
{
	font-weight: bold;
	background-image: url(../../images/common/calendar.png);
	background-position: center left;
	background-repeat: no-repeat;
	line-height: 40px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.createIcon
{
	margin-left: 20px;
	font-weight: bold;
	background-image: url(../../images/common/images.gif);
	background-position: center left;
	background-repeat: no-repeat;
	line-height: 40px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.addNewLink
{
	font-weight: bold;
	background-image: url(../../images/common/add.gif);
	background-position: center left;
	background-repeat: no-repeat;
	line-height: 40px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.deleteLink {
    font-weight: bold;
    background-image: url(../../images/common/Reject.png);
    background-position: center left;
    background-repeat: no-repeat;
    line-height: 40px;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.exportToExcel {
    font-weight: bold;
    background-image: url(../../images/common/green.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    line-height: 40px;
    padding-left: 30px;
    padding-right: 30px;
    float: right;
    min-height: 100%;
    width: auto;
}

.showViews {
    font-weight: bold;
    float: right;
    margin: 4px 0 8px 0;
}

.showViews div {
    float: left;
}

.showViews div label {
     padding-right: 4px;
}

.showViews .viewDropdown {
    height: 26px;
    vertical-align: middle;
}

.showViews .viewDropdown label {
    margin-bottom: 0 !important;
    line-height: 26px;
}

.exportToExcelpurple {
    font-weight: bold;
    background-image: url(../../images/common/purple.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    line-height: 40px;
    padding-left: 30px;
    padding-right: 30px;
    float: right;
    min-height: 100%;
    width: auto;
}

.showViews div span input.text {
    height: 26px;
}

#showDropdown
{
    width: 70px;
    padding: 2px;
    margin-right: 4px;
    height: 26px;
}
.validation, .validation-summary-errors
{
	margin: 10px;
	width: 250px;
	border: 2px dashed #800000;
	background-color: #FFFF99;
	background-image: url('../../images/errorLarge.gif');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding: 10px 10px 10px 100px;
	font-size: 12px;
	min-height: 75px;
}


/* Success, notice and error boxes
-------------------------------------------------------------- */

.errorStatus, .notice, .success, .inprogress, .helpSection
{
	padding: .8em;
	border: 2px solid #ddd;
	width: 80%;
	margin: 1em auto;
}

.errorStatus
{
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}
.notice
{
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}
.success
{
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}

.inprogress, .helpSection
{
	background-color: #BFDFFF;
	border-color: #55AAFF;
	color: #191970;
}

.errorStatus a
{
	color: #8a1f11;
}

.notice a
{
	color: #514721;
}

.success a
{
	color: #264409;
}

.helpSection
{
	min-height: 50px;
	padding-left: 65px;
	background-image: url('../../images/common/help48.png');
	background-repeat: no-repeat;
	background-position: 10px center;
	text-align: center;
}

.circle
{
	background-image: url('../../images/common/circle.png');
	color: White;
	font-weight: bold;
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 20px;
	font-family: Tahoma;
	float: left;
	display: block;
}


.saveModal
{
	border: 5px solid dimgray;
	background-color: White;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 500px;
	padding: 30px;
}


.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
	z-index: 9998;
	top: 0;
}


h2.blackBar
{
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #2A3234;
	border-color: Black;
	height: 25px;
	line-height: 25px;
	margin-top: 0;
	padding-left: 10px;
	margin-bottom: 10px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	
}

h2.blackBar a
{
	float: right;
	color: lightcyan;
	font-weight: bold;
	padding-right: 20px;
	line-height: 25px;
	font-size: 1.0em;
}
h2.blackBar a:hover
{
	color: Red;
}

/**************************
*
*   Used to display a status or update on page
*
*****************************/
.updateLabel
{
	border: 2px solid #FFCC00;
	display: block;
	width: 80%;
	margin: 10px auto !important;
	margin-top: 10px !important;
	text-align: center;
	background-color: #FFFFCC;
	font-weight: bold;
	padding: 15px;
}


/**************************
*
*   AJAX POP UP CALENDAR
*
*****************************/
.ajax__calendar_container
{
	z-index: 11500 !important;
	background-color: White;
	border: 1px solid #ccc;
}
div.testing
{
    z-index: 11500 !important;
}


.ButtonTab
{
	width: 100%;
	overflow: hidden; /*border-bottom: 1px solid #57566F; /*bottom horizontal line that runs beneath tabs*/
}

.ButtonTab ul
{
	margin: 0;
	padding: 0;
	padding-left: 10px; /*offset of tabs relative to browser left edge*/
	font: bold 12px tahoma;
	list-style-type: none;
}

.ButtonTab li
{
	display: inline;
	margin: 0;
}

.ButtonTab li a
{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 7px 8px; /*padding inside each tab*/
	border-right: 1px solid white; /*right divider between tabs*/
	color: white;
	background: dimgray; /*background of tabs (default state)*/
}

.ButtonTab li a:visited
{
	color: white;
}

.ButtonTab li a:hover, .ButtonTab li.selected a, .ButtonTab li a.current
{
	background-color: #757495; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
.ButtonTab li.selected a
{
	cursor: default;
}

.addressOptionDiv
{
	font-size: 12px;
	margin-left: 15px;
	overflow: hidden;
	border: 1px solid #ccc;
	padding: 4px 10px;
}

.addressOptionDiv input
{
	float: right;
	padding: 3px;
}


/**********************
**
**    TABS
**
***********************/

.subMenu
{
	background-color: #f1f1f1;
	border-bottom-color: #979797;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #979797;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #979797;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #979797;
	border-top-style: solid;
	border-top-width: 1px;
	cursor: hand;
	font-family: Verdana;
	font-size: 8pt;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
}


.SepNormalStyle
{
	margin-left: 28px;
	width: 1px;
	height: 1px;
	background-color: #e0e0e0;
}

.ItemHoverStyle
{
	border-right: #a8d8eb 1px solid;
	padding-right: 4px;
	border-top: #a8d8eb 1px solid;
	padding-left: 1px;
	padding-bottom: 1px;
	border-left: #a8d8eb 1px solid;
	padding-top: 1px;
	border-bottom: #a8d8eb 1px solid;
}

.ItemNormalStyle
{
	padding-right: 5px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.SubItemStyle
{
	background-color: #f1f1f1;
	border-bottom-color: #979797;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #979797;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #979797;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #979797;
	border-top-style: solid;
	border-top-width: 1px;
	cursor: hand;
	font-family: Verdana;
	font-size: 8pt;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
}


#loadingDiv
{
	font-size: 20px;
	text-align: center;
	padding: 40px;
	font-weight: bold;
}


/************************************************
*
*	Utilant Controls
*
*************************************************/

.error img, .hlp img
{
	border: none;
}
.valLabel
{
	font-size: .8em;
}
.valCss
{
	visibility: visible !important;
}


.numberBox input, input.numberBox
{
	text-align: right;
}

.errorInput, .input-validation-error
{
	border: 1px solid #FBC2C4 !important;
	background-color: #FBE3E4;
}
select.errorInput, select.errorInput option
{
	background-color: #FBE3E4;
}

.warningInput
{
	border: 1px solid #FFD324 !important;
	background-color: #FFF6BF;
}
select.warningInput, select.warningInput option
{
	background-color: #FFF6BF;
}

.disabledInput
{
	background-color: gainsboro;
}

.disabledLabel
{
	color: gainsboro;
}


.recTable
{
	width: 95%;
	border-top: 1px solid #e5eff8;
	border-right: 1px solid #e5eff8;
	margin: 1em auto;
	border-collapse: collapse;
}
.recTable caption
{
	color: #9ba9b4;
	font-size: .94em;
	letter-spacing: .1em;
	padding: 0;
	margin: 1em 0 0 0;
	margin-bottom: 0;
	caption-side: top;
	text-align: center;
}
.recTable th, .recTable thead td
{
	border-left: 1px solid #e5eff8;
	border-bottom: 1px solid #e5eff8;
	background: #f4f9fe;
	text-align: left;
	padding: .3em 1em;
	font-size: 1.2em;
	font-weight: bold;
}
.recTable th a
{
	text-decoration: none;
}
.recTable th a img
{
	border: none;
	vertical-align: middle;
}
.recTable td
{
	color: #678197;
	border-bottom: 1px solid #e5eff8;
	border-left: 1px solid #e5eff8;
	padding: .3em 1em;
	vertical-align: middle;
}
.recText
{
	text-align: left;
}
.recEdit
{
	width: 27px;
	text-align: center;
}
.recEdit img
{
	cursor: pointer;
}
.recVisible
{
	width: 27px;
	text-align: center;
}
.recVisible img
{
	cursor: pointer;
}
.recUp
{
	width: 27px;
	text-align: center;
}
.recUp img
{
	cursor: pointer;
}
.recDown
{
	width: 27px;
	text-align: center;
}
.recDown img
{
	cursor: pointer;
}
tr.odd td, tr.odd .column1
{
	background: #f4f9fe repeat-x;
}
.column1
{
	background: #f9fcfe;
}
.recModal
{
	border: 4px solid #ccc;
	width: 800px;
	padding: 15px;
	background-color: White;
}
.recModal .recModalHeading
{
	font-size: 2em;
	font-weight: bold;
	border-bottom: 2px solid black;
}
.recModal textarea
{
	width: 100%;
	margin: 5px 0px;
}
.recModalInputDiv input
{
	float: right;
}
.recModalInputDiv img
{
	float: right;
	cursor: pointer;
}
.recModalLookupDiv
{
	margin-top: 5px;
	clear: both;
}
.recModalLookupDiv div
{
	height: 150px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.recModalLookupDiv table
{
	width: 90%;
}
.recModalLookupDiv table img
{
	cursor: pointer;
}
.recKey
{
	font-weight: bold;
	width: 50px;
}
.editedRec
{
	color: Red !important;
}
/* unitip css */

#unitip
{
	position: absolute;
	z-index: 11000;
	top: -1000px;
	color: #fff;
	font: normal normal 1.1em/15px Verdana, Arial, Helvetica, sans-serif;
	display: none;
}

#unitippoint, #unitipmid, #unitipcap
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 300px;
	display: block;
}

#unitippoint
{
	background: url(../../images/TipPoint.png) no-repeat;
	height: 19px;
	overflow: hidden;
}

#unitipmid
{
	background: url(../../images/TipMid.png) repeat;
	height: auto;
	padding: 5px 15px;
}

#unitipcap
{
	background: url(../../images/TipCap.png) no-repeat;
	height: 7px;
	overflow: hidden;
}



.headerText
{
	font-weight: bold;
	font-size: 14px;
	padding: 3px;
	border-bottom: 1px solid #ccc;
	border-bottom-color: #eee;
}

.level0
{
	color: #333333;
}

.level1
{
	color: #666666;
}

.level2
{
	color: #808080;
}

.level3
{
}

.level4
{
}

.level5
{
}

.ThickTop td
{
	background-color: #404040;
	color: White;
}



/************************************************
*
*	Grid
*
*************************************************/

.gridDiv
{
	border: 1px solid #bbb;
	margin: auto;
}

.gridDiv .title
{
	background-color: #000;
	color: White;
	padding: 3px;
	font-size: 1em;
	font-weight: bold;
}

.gridDiv .filters
{
	padding: 10px;
	border-bottom: dashed 2px #bbb;
	margin-bottom: 10px;
}

.grid
{
	font-size: .8em;
	width: 100%;
}
.grid tr th
{
    font-weight: bold;
    color: #000;
    border-right: solid #DCDCDC 1px;
    background: url("../../images/grid/headerBackground.png");
    background-position: left top;
    background-repeat: repeat-x;
    padding: 0px 5px;
    height: 32px;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipse;
    text-align: center;
}

 
.grid tr th:first-child
{
	border-left: solid #DCDCDC 1px;
}

.grid tr td
{
	padding: 0px 5px;
	border: 1px #DCDCDC solid;
	background-color: #fff;
	height: 35px;
	vertical-align: middle;
}

.grid tr td a
{
	color: steelblue;
}


.grid tr td a:hover
{
	color: black;
}

tr.altRow td
{
	background-color: #f8f8f8;
}

.grid tr.gridSelected td
{
	background-color: #FFF6BF;
}

tr.Highlight td
{
	background-color: #B0C4DE;
}

.emptyResult
{
	border: 1px solid black;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	background-color: White;
	padding: 30px;
}

.grid tr:hover > td
{
	background-color: lightsteelblue;
}


.grid .pager td
{
	background: url("../../images/grid/headerBackground.png");
	background-position: left top;
	background-repeat: repeat-x;
	padding: 0px 5px;
	height: 31px;
}

.grid .pager td table
{
	/*margin: auto;*/
}

.grid .pager td table td
{
	height: auto;
	background: white;
	padding: 0px;
	margin-right: 3px;
	border: none;
	line-height: normal;
}

.grid .pager td span
{
	color: #696969;
	font-weight: bold;
	display: block;
	background-color: lightsteelblue;
	border: 1px solid #ccc;
	padding: 3px 5px;
	width: 20px;
	text-align: center;
    box-sizing: content-box;
}

.grid .pager td a
{
	color: #696969;
	font-weight: normal;
	display: block;
	background-color: White;
	border: 1px solid #ccc;
	padding: 3px 5px;
	width: 20px;
	text-align: center;
    box-sizing: content-box;
}

.grid .pager td a:hover
{
	color: black;
	font-weight: bold;
	border-color: Black;
	background-color: lightsteelblue;
}

.emptyResult td div
{
	padding: 30px;
}


/* This is used by the advanced filters on the landing page */

.arrowblue
{
	width: 180px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
}

.arrowblue ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.arrowblue li a
{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(../../images/filters/arrowblue.gif) 100% 0;
	height: 32px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}

.arrowblue li a:link, .arrowblue li a:visited
{
	color: #373737;
}

.arrowblue li a:hover
{
	color: #26370A;
	background-position: 100% -32px;
}


.arrowblue li a.selected
{
	color: #26370A;
	background-position: 100% -64px;
}

#saveFiltersDiv
{
	text-align: center;
}

.appliedFilter
{
	float: left;
	width: 200px;
	background-color: White;
	border: 1px solid #ccc;
	margin: 0px 4px 4px 0px;
	position: relative;
}

.appliedFilter .filterTitle
{
	font-weight: bold;
	background-color: whitesmoke;
	border-bottom: 1px solid #ccc;
	padding: 3px;
}

.appliedFilter .filterTitle input
{
	float: right;
	padding: 2px;
}

.appliedFilter .filterItems
{
	padding: 3px;
	overflow: hidden;
	height: 21px;
	line-height: 15px;
	cursor: pointer;
	z-index: 10000;
}

.filterItemsFull
{
	background-color: white;
	width: 300px;
	border: 1px solid #ccc;
	padding: 10px;
	position: absolute;
	z-index: 11100;
	display: none;
}


/***********************************
*
*  BUTTONS
*
**************************************/

.Button
{
	background-repeat: no-repeat;
	background-position: 5px center;
	padding: 5px 5px 5px 25px;
	font-weight: bold;
	border: 1px solid #ccc;
	background-color: whitesmoke;
	width: 150px;
}
.addButton
{
    background-image: url(../../images/Common/add.png);
}

.cancelButton
{
	background-image: url(../../images/Common/closeSmall.png);
}
.saveButton
{
	background-image: url(../../images/Common/save16.gif);
}
.nextButton
{
	background-image: url(../../images/Common/accept.gif);
}

.nextStepButton
{
	background-image: url(../../images/Common/next.png);
}

.moneyButton
{
	background-image: url(../../images/Common/money.png);
}
.rejectButton
{
	background-image: url(../../images/Common/reject.gif);
}
.searchButton
{
	background-image: url(../../images/Common/search16.gif);
}
.printButton
{
	background-image: url(../../images/Common/print16.gif);
}
.advancedSearchButton
{
	background-image: url(../../images/Common/advancedSearch16.gif);
    height: 26px;
}
.deleteButton
{
	background-image: url(../../images/Common/delete216.gif);
}
.worldButton
{
	background-image: url(../../images/Common/globe.png);
}
.assignButton
{
	background-image: url(../../images/Common/task.png);
}
.reportButton
{
	background-image: url(../../images/Common/chart.png);
}
.imagesButton
{
	background: url(../../images/common/images.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding: 5px 5px 8px 25px;
	font-weight: bold;
	margin: 4px 4px;
	border: 1px solid #ccc;
	background-color: whitesmoke;
	width: 150px;
}

.agentButton
{
	background-image: url(../../images/menus/agents.png);
}

.checkForms
{
	background-image: url(../../images/cases/accept.png);
}

.errorButton
{
	background-color: #FBE3E4;
	background-image: url(../../images/error.png);
	color: #8a1f11;
	border-color: #FBC2C4;
}


#__asptrace
{
	background-color:White !important;
	position:absolute;
	bottom:0px;
	height:300px;
	overflow:auto;
	z-index:17000;
	padding:10px;
	right:0px;
	left:0px;
}
.doc
{
}

.doc ul, ul.doc
{
list-style: disc;
margin-left: 20px;
list-style-type: disc;
}
.doc ul li, ul.doc li
{
list-style:disc;
padding:2px;
list-style-type:disc;
}
.doc ol, ol.doc
{
list-style: decimal;
margin-left: 20px;
list-style-type: decimal;
}

.doc ol li, ol.doc li
{
list-style: decimal;
padding:2px;
list-style-type: decimal;
} 

div.genericmodal {
    position: absolute;
		left: 25%;
		top: 25%;
		padding: 25px; 
		border: 2px solid black;
		background-color: #ffffff;
		width: 50%;
		height: 50%;
		z-index: 100;
}

div.genericmodal > div {
    position: relative;
    z-index: 999; 
    text-align: center; 
    top: 25%;
}

/* Clearfix to fix floats */

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1; /* ie 6/7 */
}

/* Toast messages - reliant on Bootstrap*/
div.toast {
    position: fixed;
    top: 100px;
    right: 60px;
    z-index: 1;
    width: 350px;
}

div.toast .close span {
    font-size: 21px;
}