* {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box
}

#wrapper {
	width: 1020px;
	margin: 0 auto;
}

html {
	/*background-color: #fefefb;*/
	background-color: #f9f9f9;
}

body {
	color: #23lf20;
    font-family: 'Open Sans', Verdana, Arial, sans-serif;
    font-size: 14px;
}

/* Set font for registration page */
@font-face {
	font-family:'TWC Round Book';
	src: url('fonts/twc-round/TWC-Round-Book.eot');
	src: url('fonts/twc-round/TWC-Round-Book.eot?#iefix') format('embedded-opentype'),
		url('fonts/twc-round/TWC-Round-Book.svg#svgTWCBook') format('svg'),
		url('fonts/twc-round/TWC-Round-Book.woff') format('woff'),
		url('fonts/twc-round/TWC-Round-Book.ttf') format('truetype');
	font-weight: normal;
    font-style: normal; }

@font-face {
	font-family:'TWC Round Light';
	src: url('fonts/twc-round/TWC-Round-Light.eot');
	src: url('fonts/twc-round/TWC-Round-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/twc-round/TWC-Round-Light.svg#svgTWCLight') format('svg'),
		url('fonts/twc-round/TWC-Round-Light.woff') format('woff'),
		url('fonts/twc-round/TWC-Round-Light.ttf') format('truetype');
	font-weight: normal;
    font-style: normal; }

@font-face {
	font-family:'TWC Round Medium';
	src: url('fonts/twc-round/TWC-Round-Medium.eot');
	src: url('fonts/twc-round/TWC-Round-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/twc-round/TWC-Round-Medium.svg#svgTWCMedium') format('svg'),
		url('fonts/twc-round/TWC-Round-Medium.woff') format('woff'),
		url('fonts/twc-round/TWC-Round-Medium.ttf') format('truetype');
	font-weight: normal;
    font-style: normal; }
	
@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto/roboto-light-webfont.eot');
    src: url('fonts/roboto/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/roboto-light-webfont.woff') format('woff'),
         url('fonts/roboto/roboto-light-webfont.ttf') format('truetype'),
         url('fonts/roboto/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotothin';
    src: url('fonts/roboto/roboto-thin-webfont.eot');
    src: url('fonts/roboto/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/roboto-thin-webfont.woff') format('woff'),
         url('fonts/roboto/roboto-thin-webfont.ttf') format('truetype'),
         url('fonts/roboto/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open sans bold';
    src: url('fonts/open-sans/opensans-bold-webfont.eot');
    src: url('fonts/open-sans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans/opensans-bold-webfont.woff') format('woff'),
         url('fonts/open-sans/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/open-sans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('fonts/open-sans/opensans-bolditalic-webfont.eot');
    src: url('fonts/open-sans/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans/opensans-bolditalic-webfont.woff') format('woff'),
         url('fonts/open-sans/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/open-sans/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('fonts/open-sans/opensans-extrabold-webfont.eot');
    src: url('fonts/open-sans/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans/opensans-extrabold-webfont.woff') format('woff'),
         url('fonts/open-sans/opensans-extrabold-webfont.ttf') format('truetype'),
         url('fonts/open-sans/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('fonts/open-sans/opensans-extrabolditalic-webfont.eot');
    src: url('fonts/open-sans/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('fonts/open-sans/opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('fonts/open-sans/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/open-sans/opensans-italic-webfont.eot');
    src: url('fonts/open-sans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans/opensans-italic-webfont.woff') format('woff'),
         url('fonts/open-sans/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/open-sans/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/open-sans/opensans-light-webfont.eot');
    src: url('fonts/open-sans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans/opensans-light-webfont.woff') format('woff'),
         url('fonts/open-sans/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/open-sans/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('fonts/open-sans/opensans-lightitalic-webfont.eot');
    src: url('fonts/open-sans/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans/opensans-lightitalic-webfont.woff') format('woff'),
         url('fonts/open-sans/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/open-sans/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/open-sans/opensans-regular-webfont.eot');
    src: url('fonts/open-sans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans/opensans-regular-webfont.woff') format('woff'),
         url('fonts/open-sans/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/open-sans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Semibold';
    src: url('fonts/open-sans/opensans-semibold-webfont.eot');
    src: url('fonts/open-sans/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/open-sans/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/open-sans/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('fonts/open-sans/opensans-semibolditalic-webfont.eot');
    src: url('fonts/open-sans/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans/opensans-semibolditalic-webfont.woff') format('woff'),
         url('fonts/open-sans/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('fonts/open-sans/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}	

h1 {
	font-size: 36px;
	font-family:'TWC Round Book', sans-serif;
	color: #737373;
	line-height: 41.4px;
}

h2 {
	font-family: 'TWC Round Light', sans-serif;
    font-size: 1.6em;
    color: #737373;
}

h3 {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.4em;
    color: #737373;
}

h4 {
	font-family: 'TWC Round Light', sans-serif;
    font-size: 1.2em;
    color: #737373;
}

.mainSection h3 {
	font-family: "Open Sans," sans-serif;
	color: #00A3D9;
	font-weight: 400;
}

 p{
	font-family: 'robotolight', 'Helvetica,' sans-serif; 
	font-size: 14px; 
	text-decoration: none; 
	text-align: left;
	line-height: 1.3em;
}

.tooltipster-content p {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    line-height: 1.3em;
    text-decoration: none; 
    text-align: left;
}


#logo-reg { 
	background-image: url(../../Images/twc-logo-ext.png); 
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    float: right;
    width: 243px;
    height: 108px;
    margin-top: 10px;
    overflow: hidden;
    text-indent: -9999px;
}


#reg-footer {
	width: 100%;
	color: #999;
	border-top: 1px solid #fff;
	text-align: center;
	margin-top: 60px;
	padding: 10px;
    border-top: 1px solid #E0E0E0;
}

.mainContent {
	min-height: 300px;
	z-index: -10000;
	background-color: none;
    color: #353535;
}

#tabs-1, #tabs-2, #tabs-3 {
	border-right: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}

/*--------------------------------------------------------------------------------------------
	FLOATS and TEXT ALIGNMENT
--------------------------------------------------------------------------------------------*/

.float_right, .right { float:right; }

.float_left, .left { float:left; }

.textCenter { text-align: center; }

.textLeft { text-align: left; }

.textRight { text-align: right; }

/*--------------------------------------------------------------------------------------------
	FONT SIZES
--------------------------------------------------------------------------------------------*/

.font06{ font-size:0.6em; }

.font07{ font-size:0.7em; }

.font075{ font-size:0.75em; }

.font08{ font-size:0.8em; }

.font09{ font-size:0.9em; }

.font1{ font-size:1em; }

.font12 { font-size: 1.2em; }

.font2 { font-size: 2em; }


/*--------------------------------------------------------------------------------------------
	SPACERS and MARGINS
--------------------------------------------------------------------------------------------*/
.spacer_all { margin:15px !important; }

.spacer_top { margin-top:15px !important; }

.spacer_right { margin-right:15px !important; }

.spacer_bottom { margin-bottom:15px !important; }

.spacer_left { margin-left:15px !important; }

.margin5 { padding: 5px; }

.margin10 { padding: 10px; }

.margin15 { padding: 15px; }

.margin20 { padding: 20px; }

.margin25 { padding: 25px; }

.margin30 { padding: 30px; }

.marginTp5 { margin-top: 5px; }

.marginTp10 { margin-top: 10px; }

.marginTp15 { margin-top: 15px; }

.marginTp20 { margin-top: 20px; }

.marginTp25 { margin-top: 25px; }

.marginTp30 { margin-top: 30px; }

.marginTp40 { margin-top: 40px; }

.marginTp50 { margin-top: 50px; }

.marginBtm5 { margin-bottom: 5px; }

.marginBtm10 { margin-bottom: 10px; }

.marginBtm15 { margin-bottom: 15px; }

.marginBtm20 { margin-bottom: 20px; }

.marginBtm25 { margin-bottom: 25px; }

.marginBtm30 { margin-bottom: 30px; }

.marginBtm40 { margin-bottom: 40px; }

.marginBtm50 { margin-bottom: 50px; }

.marginTpBtm5 { margin: 5px 0; }

.marginTpBtm10 { margin: 10px 0; }

.marginTpBtm15 { margin: 15px 0; }

.marginTpBtm20 { margin: 20px 0; }

.marginTpBtm25 { margin: 25px 0; }

.marginTpBtm30 { margin: 30px 0; }

.marginLf5 { margin-left: 5px; }

.marginLf6 { margin-left: 6px; }

.marginLf7 { margin-left: 7px; }

.marginLf8 { margin-left: 8px; }

.marginLf9 { margin-left: 9px; }

.marginLf10 { margin-left: 10px; }

.marginLf15 { margin-left: 15px; }

.marginLf20 { margin-left: 20px; }

.marginLf25 { margin-left: 25px; }

.marginLf30 { margin-left: 30px; }

.marginLf50 { margin-left: 50px; }

.marginRt5 { padding-bottom: 5px; }

.marginRt10 { margin-right: 10px; }

.marginRt15 { margin-right: 15px; }

.marginRt20 { margin-right: 20px; }

.marginRt25 { margin-right: 25px; }

.marginRt30 { margin-right: 30px; }

.marginLfRt5 { margin: 5px; }

.marginLfRt10 { margin: 10px; }

.marginLfRt15 { margin: 15px; }

.marginLfRt20 { margin: 20px; }

.marginLfRt25 { margin: 25px; }

.marginLfRt30 { margin: 30px; }

/*--------------------------------------------------------------------------------------------
	PADDINGS
--------------------------------------------------------------------------------------------*/

.pad_top { padding-top:15px !important; }

.pad_right { padding-right:15px !important; }

.pad_bottom { padding-bottom:15px !important; }

.pad_left { padding-left:15px !important; }

.pad_top_ten { padding-top:10px !important; }

.padding5 { padding: 5px; }

.padding10 { padding: 10px; }

.padding15 { padding: 15px; }

.padding20 { padding: 20px; }

.padding25 { padding: 25px; }

.padding30 { padding: 30px; }

.paddingTp5 { padding-top: 5px; }

.paddingTp10 { padding-top: 10px; }

.paddingTp15 { padding-top: 15px; }

.paddingTp20 { padding-top: 20px; }

.paddingTp25 { padding-top: 25px; }

.paddingTp30 { padding-top: 30px; }

.paddingBtm5 { padding-bottom: 5px; }

.paddingBtm10 { padding-bottom: 10px; }

.paddingBtm15 { padding-bottom: 15px; }

.paddingBtm20 { padding-bottom: 20px; }

.paddingBtm25 { padding-bottom: 25px; }

.paddingBtm30 { padding-bottom: 30px; }

.paddingBtm50 { padding-bottom: 50px; }

.paddingBtm60 { padding-bottom: 60px; }

.paddingTpBtm5 { padding: 5px 0; }

.paddingTpBtm10 { padding: 10px 0; }

.paddingTpBtm15 { padding: 15px 0; }

.paddingTpBtm20 { padding: 20px 0; }

.paddingTpBtm25 { padding: 25px 0; }

.paddingTpBtm30 { padding: 30px 0; }

.paddingLf5 { padding-left: 5px; }

.paddingLf10 { padding-left: 10px; }

.paddingLf15 { padding-left: 15px; }

.paddingLf20 { padding-left: 20px; }

.paddingLf25 { padding-left: 25px; }

.paddingLf30 { padding-left: 30px; }

.paddingLf40 { padding-left: 40px; }

.paddingLf50 { padding-left: 50px; }

.paddingRt5 { padding-right: 5px; }

.paddingRt10 { padding-right: 10px; }

.paddingRt15 { padding-right: 15px; }

.paddingRt20 { padding-right: 20px; }

.paddingRt25 { padding-right: 25px; }

.paddingRt30 { padding-right: 30px; }

.paddingLfRt5 { padding: 0 5px; }

.paddingLfRt10 { padding: 0 10px; }

.paddingLfRt15 { padding: 0 15px; }

.paddingLfRt20 { padding: 0 20px; }

.paddingLfRt25 { padding: 0 25px; }

.paddingLfRt30 { padding: 0 30px; }

/*--------------------------------------------------------------------------------------------
	WIDTHS
--------------------------------------------------------------------------------------------*/

.width_20 { width:20% !important; }

.width_30 { width:30% !important; }

.width_40 { width:40% !important; }

.width_45 { width:45% !important; }

.width_50 { width:50% !important; }

.width_60 { width:60% !important; }

.width_70 { width:70% !important; }

.width_80 { width:80% !important; }

.width_90 { width:90% !important; }

.width900 { width:900px !important; margin: 0 auto; }

.label_right {
    text-align: right;
    padding-right: 5px;
}

.label_left {
    text-align: left;
    padding-left: 5px;
}

/* Registration Page */
#reg-header {
	height: auto;
	margin: 0 0 ;
    border-bottom: 1px solid #E0E0E0;
}

/*input[type=submit] {
	font-family: 'robotolight', helvetica, sans-serif;
	width: 180px;
	background-color: #036dd3;
	color: #fff;
    margin: 0;
    padding: 10px;
    text-transform: none;
	border: none;
}

input[type=submit]:hover {
	background-color: #047af1;
}*/

input[class=bluesubmit] {
	font-family: 'robotolight', helvetica, sans-serif;
	width: 180px;
	background-color: #036dd3;
	color: #fff;
    margin: 0;
    padding: 10px;
    text-transform: capitalize;
	border: none;
}

input[class=bluesubmit]:hover {
	background-color: #047af1;
}

/* Images for Save & continue */
.saveContinue {
    background-image: url(../Images/saveContinue.png);
}

    .saveContinue:hover {
        background-image: url(../Images/saveContinueHov.png);
    }

input[class=previous] {
	font-family: 'robotolight', helvetica, sans-serif;
	width: 90px;
	background-color: #f9f9f9;
	color: #047af1;
    margin: 0;
    padding: 10px;
    float: left;
    text-transform: capitalize;
    text-decoration: underline;
	border: none;
}

input[class=gridButton] {
	font-family: 'robotolight', helvetica, sans-serif;
	width: auto;
	background-color: transparent;
	color: blue;
    margin: 0;
    padding: 0px;
    float: left;
    text-transform: capitalize;
    text-decoration: underline;
	border: none;
}

input[class=bluesubmit]:hover {
	background-color: #047af1;
}

input[class=ResetBtn] {
	font-family: 'robotolight', helvetica, sans-serif;
	width: 120px;
    font-size: 12px;
	background-color: #d1d1d1;
	color: #1d1c1c;
    margin: 0;
    padding: 5px;
    text-transform: capitalize;
	border: 1px solid #b9b8b8;
}

input[class=ResetBtn]:hover {
	background-color: #b6b6b6;
    color: #fff;
}

input[class=expand] {
	font-family: 'robotolight', helvetica, sans-serif;
	width: 25px;
    height: 25px;
	background-color: #f9f9f9;
	color: #1d1c1c;
    margin: 0;
    padding: 5px;
    text-transform: capitalize;
	border: none;
}

input[class=browseBtn] {
	font-family: 'robotolight', helvetica, sans-serif;
	width: 120px;
    font-size: 8px;
	background-color: #e6e2e2;
	color: #1d1c1c;
    margin: 0;
    padding: 5px;
    text-transform: capitalize;
	border: 1px solid #b9b8b8;
}

 input[class=DeleteRow] {
	font-family: 'robotolight', helvetica, sans-serif;
	width: 15px;
    height: 15px;
    font-size: 8px;
	background-color: #e6e2e2;
	color: #1d1c1c;
    margin: 0;
    text-transform: capitalize;
	border: 1px solid #b9b8b8;
    display: block;
    z-index: 9999;
    cursor: pointer; 
}

.orange {
    background-color: #ea6314;
}

/* Borders */

.borderTpGrey {
	border-top: 1px solid #e0e0e0;
}

.borderRtGrey {
	border-right: 1px solid #e0e0e0;
}

.borderBtmGrey {
	border-bottom: 1px solid #e0e0e0;
}

.borderLfGrey {
	border-left: 1px solid #e0e0e0;
}

.borderRtDark {
	border-right: 1px solid #333;
}

.borderBtmDark 
	border-bottom: 1px solid #333;
}

.th-striped {
	background-color: #e6e6e6;
}

/* Passy Password Strength Meter */

#input {
    height: 18px;
    outline: 0;
	border: none!important;
	background: none;
}

/* To blend in with off-white background in gridforms.css */
#input:hover {
	background: #fefce3;
}

#output, #generate {
	font-family: 'robotolight', helvetica, sans-serif;
	font-weight: 900;
	font-size: 16px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 4px 32px;
	margin: 20px 0 0 0;
	height: 20px;
}

.noHover:hover {
	background: none!important;
}

.noBorder {
	border: none!important;
}

.inlineBlock {
    display: inline-block;
}

.fontBold {
    font-weight: bold;
}

.fontItalic {
    font-style: italic;
}

.whatInfo {
    /*font-family: Open Sans Semibold;*/
    font-size: 1.03em;
    margin-bottom: 2px;
    padding-bottom: .5em;
    padding-top: none;
    display: inline-block;
}

.urgentAlert {
    /*font-family: 'TWC Round Medium', Verdana, Arial, sans-serif;*/
    text-transform: uppercase;
    font-size: 1.25em;
    line-height: 1.05em;
    color: #fe0000;
}

.InvoiceAlert {
    /*font-family: 'TWC Round Medium', Verdana, Arial, sans-serif;*/
    font-size: 1.25em;
    line-height: 1.05em;
    color: #fe0000;
}

.wiretapAlert {
    /*font-family: 'TWC Round Medium', Verdana, Arial, sans-serif;*/   
    font-size: 1.25em;
    line-height: 1.05em;
    color: #036DD3;
}

.errorAlert {
    font-size: 1.6em;
    background-image: url(../Images/gears.png);
    background-repeat: no-repeat;
    padding-left: 250px;
    min-height: 300px;
}

/* Hide/Show Password */
.hideShowPassword-toggle-hide {
	background-position: -44px center;
}

/* Simple text toggle style */
.my-toggle-class {
  color: #888;
  cursor: pointer;
  font-size: 0.75em;
  font-weight: bold;
  padding: 0.5em 1em;
  text-transform: uppercase;
}

/* Because our input elements have a z-index so that
 * their borders will overlap on focus, we'll give ours
 * a higher one to make sure they're always visible.
 */
.hideShowPassword-toggle,
.my-toggle-class {
  z-index: 3;
}

/* Universal Navigation - the black bar at the top of the internal area */
#header-top {
	/*background: none repeat scroll 0 0 #333; */
    background-color: #41475f; 
    /*background-image: -moz-linear-gradient(center top, #696969 0%, #3f3f3f 100%);*/
	height: 36px; 
	position: relative;  
	z-index: 999; 
	width: 100%; 
	color: #fff;
	padding: 0 0 8px 0;
    border-bottom: 2px solid #ccc;
}
		
#header-top a {
	color: #fff;
	text-decoration: none;
}
		
.universalNav {
	font-family: 'Open Sans';
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
		
.universalNav ul {
	float: right;
	display: inline;
	font-size: 14px;
	list-style: none; 
    margin: 0 0 5px 0;
    /*line-height: 0.6em;
	text-align: right;*/
}
		
.universalNav li {
	display: inline;
	font-size: 14px;
	list-style: none; 
	margin: 0 30px 0 0;
}
		
.universalNav li:hover {
	text-decoration: underline;
    color: #fb2525;
}

/*.homeLink {
    width: 20px;
    height: 20px;
    color: #41475F;
}*/

.homeIcon {
    background-image: url(~/Content/Images/home.png);
    background-repeat: no-repeat;
    overflow:auto;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    margin-top: 5px;
}

.alertIcon {
    background: url("../images/sprite.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
    text-decoration: none;
    width: 20px;
}

.checkIcon {
    background: url("../images/sprite.png") repeat scroll -20px -20px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
    text-decoration: none;
    width: 20px;
}

/* Used on header-top Universal Nav */
.iconthingy:hover {
	color: #fb2525;
}
		
/*.ui-state-hover {
	background-image: url('images/ui-icons_ffffff_256x240.png') no repeat 0 80px !important; 
	position: relative !important;
	top: 0 !important;
	right: 0 !important;
}*/

		
/* Table Styling for Agents List */
.headerRow th {
	font-weight: normal;
	color: #e9e9e9;
	background-color: #939393;
    text-align:left;
	text-indent: 0;
	padding: 7px 0px 7px 10px;
}

.headerRow a {
    text-decoration: none;
    color: #e9e9e9;
}
		
.queueContainer {
	font-size: 14px;
	overflow-y: scroll;
	border: 1px solid #333;
	height: 400px;
}
.queueContainer table {
	width: 100%;
	color: #222;
	background-color: #bbb;
}
.queueContainer td {
	font-family: Arial, helvetica, sans-serif;
	line-height: 1.4em;
	padding: 5px 8px 5px 8px;
}

.dynamicContainer {
	font-size: 14px;
	overflow-y: scroll;
	border: 1px solid #333;
}

.dynamicContainer table {
	width: 100%;
	color: #222;
	background-color: #bbb;
}
.dynamicContainer td {
	font-family: Arial, helvetica, sans-serif;
	line-height: 1.4em;
	padding: 5px 8px 5px 8px;
}

.th-striped {
	background-color: #e6e6e6;
}


/*        jQuery UI       */


/* Tabs */

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: helvetica,Arial,sans-serif;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: helvetica,Arial,sans-serif;
}
.ui-widget-content {
	/*border: 1px solid #aaaaaa;*/
	background: #F9F9F9 /*url(images/ui-bg_flat_75_F9F9F9_40x100.png) 50% 50% repeat-x*/;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border-bottom: 1px solid #aaaaaa;
	background: #F9F9F9 /*url(images/ui-bg_highlight-soft_0_F9F9F9_1x100.png) 50% 50% repeat-x*/;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #D6D6D6 /*url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x*/; /* Bckgd color of non-active Tabs */
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #eee /*url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x*/;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #f9f9f9 /* Bckgd color of active Tab */
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(../Images/ui-icons_ffffff_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(../Images/ui-icons_ffffff_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(../Images/ui-icons_ffffff_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(../Images/ui-icons_ffffff_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(../Images/ui-icons_ffffff_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(../Images/ui-icons_ffffff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(../Images/ui-icons_ffffff_256x240.png);
}

/* Positioning of UI icons */

.ui-icon-triangle-1-n { background-image: url(~Content/Images/ui-icons_a83300_256x240.png) 0 -16px no repeat ;  }

span.ui-icon-triangle-1-s { background-image: url(~Content/Images/ui-icons_a83300_256x240.png) -64px -16px no repeat ;}


		
/* Elements on Subpoena Submission Pages */

#Selection {
    line-height: 1.8em;
}

#Validation {
    margin-top: 2px; 
    padding-bottom: 0em;
}

#ValidationErrors {
    padding: 5px 0 0 0; 
    display: none;
    color: #f00;
}

#DiscValErrors {
    padding: 5px 0 0 0; 
    display: none;
    color: #f00;
}

#AltDelValErrors {
    padding: 5px 0 0 0; 
    display: none;
    color: #f00;
}


#Direction {
    margin: 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #E0E0E0;
}

#RequestType {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

#SubjectMatter {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 0 20px 0;
}

#ReferenceInfo {
    border-top: 1px solid #fff;
}

#DatesSection {        
}

#DatesSection h4 {
    margin-bottom: 0 !important;
    font-family: 'Open Sans Semibold', sans-serif;
    color: #00a3d9;
    font-weight: 400;
}

#AltIssuingParty h4 {
    margin-bottom: 0 !important;
    font-family: 'Open Sans Semibold', sans-serif;
    color: #00a3d9;
    font-weight: 400;
}

#IssuingCounsel {
    border-top: 1px solid #fff;
    padding: 10px 0 0 0;
}

#PointOfContact {
    border-top: 1px solid #fff;
    padding: 10px 0 0 0;
}

/*#IP {
    display: inline-block;
}*/

.greyBackground {
    background-color: #efefef;
}

.greyBorder {
    border: 1px solid #e0e1e2;
}

.popup {
    margin: 0 0 14px 0;
    padding: 15px 0 0 0;
    background-color: #efefef;
}

.single
{
    padding: 15px 0 0 0;
}

/* Calendar icon on date range in output identifiers */
.ui-datepicker-trigger {
    margin: 0 0 0 5px;
}

/* Used in expand/collapse section of output identifiers  */
.allRecords {
    margin: 0 0 0 0;
}

/* Summarizes target identifier and subject matter of request during submission process */
.infoSide {
    background-color: #E9EEF1;
    color: #0095DD;
    padding: 10px 15px 15px 15px;
}

/* To indicate required fields to the user */
.requiredAsterisk
{
    padding: 0 0 0 5px;
    color: #f00;
}

/* Case Details Page */
.caseNumber {
			color: #00A3D9;
			border-bottom: 1px solid #ccc;
		}
		
		.caseNumber h2 {
			font-family: "Open Sans", sans-serif;
            color: #00A3D9;
			font-size: 28px;
			line-height: 1.3em;
			font-weight: normal;
		}
		
		.caseNumber h3 {
			font-family: "Open Sans", sans-serif;
			font-size: 16px;
			line-height: 1.1em;
			font-weight: normal;
		}
		
		.caseDetailsLR h3 {
			font-family: "Open Sans", sans-serif;
			font-size: 16px;
			font-weight: normal;
		}
		
		.caseProfile {
			padding: 10px 0 0 0;
			min-height: 160px;
			border-bottom: 1px solid #ccc;
		}

        .caseProfileSummary {
            color: #4f4f4f; 
        }
		
		.caseProfileSummary ul {
			padding: none;
			margin: none;
		}
		
		.caseProfileSummary li {
			display: inline-block;
			list-style-type: none outside none;
			margin-right: 2em;
            line-height: 1.1em; 
		}
		
		.caseProfileHead {
			font-weight: 600;
			text-decoration: underline;
            
		}

        .caseProfileData {
			padding-top: 10px;
			text-decoration: none;
		}
		
		.providedInfo {
			padding: 5px 0 15px 5px;
			
			height: auto;
			border-bottom: 1px solid #ccc;
		}
		
		.providedInfo h4 {
			font-family: "Open Sans," sans-serif;
			font-weight: 400px;
			margin-bottom: 5px;
		}
		
		.providedInfo table {
			background-color: #E9EEF1;
		}

        .providedInfo tr.headerRow {
            border-bottom: 1px solid #ccc;
        }

        .providedInfo tr td {
            padding: 5px 13px 5px 13px;
        }
		
		.requestedInfo {
			padding: 15px 0 15px 15px;
            min-height: 100px;
			height: auto;
			border-bottom: 1px solid #ccc;
		}
		
		.requestedInfo h3 {
			font-family: "Open Sans," sans-serif;
			color: #00A3D9;
			font-weight: 400;
		}
		
		.uploadedFiles {
			padding: 15px 0 15px 15px;
            min-height: 60px;
			height: auto;
		}
		
		.uploadedFiles h3 {
			font-family: "Open Sans," sans-serif;
			color: #00A3D9;
			font-weight: 400;
		}

/* Case List Page */
.caseList h3 {
    font-family: "Open Sans," sans-serif;
    color: #00A3D9;
    font-weight: 400;
}


/* File Upload widget */
 .FileInfoClass {
     line-height: 1.6em;
     border-bottom: 1px solid #c7c7c7;
     padding: 0 0 8px 0;
     margin: 0 0 8px 0;
 }
  
 .UploadedFileName {
     /*background-color: #F9F9F9;*/
     background-color: #e9eef1;
     color: #040c6c;
     font-size-adjust: .65;
     font-weight: 200;
     border: none;
     margin: 0 0 8px 5px;
     padding: 5px 0 5px 10px;
     border-bottom: 1px solid #c7c7c7;
 }

 .ToUploadStatement {
     font-style: italic;
     color: #282e75;
 }

    #inProgress
{
    width: 50px;
    border: none;
}


    /* to show tooltip*/

    .ToolTipClass {
         width: 180px;
    height: 300px;
	position: absolute;
	font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif!important;
	color: white!important;
	background-color: #32a89e!important;
	text-align: left;
	padding: 5px;
	-webkit-box-shadow: 0 0 11px rgba(50,50,50,0.56)!important;
	-moz-box-shadow: 0 0 11px rgba(50,50,50,0.56)!important;
	box-shadow: 0 0 11px rgba(50,50,50,0.56)!important
}

.HelpButton {
    background-image: url(../../Images/question.png);
    background-repeat: no-repeat;
    /*display: inline-block;*/
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 5px 0 0 0;
    border: none;
    cursor: pointer;
}
   
/* Progress Meter */
.progOne {
    background-image: url(../Images/step1.png);
}

.progTwo {
   background-image: url(../Images/progTwo.png);
}

.progThree {
    background-image: url(../Images/step3.png);
}

.progFour {
    background-image: url(../Images/step4.png);
}

/* popModal - Used for tooltips in subpoena submissions */
.popModal {
	position: absolute;
	background: #016BAE;
	padding: 15px;
	border: 1px solid #016BAE;
	text-align: left;
	max-width: 300px;
	min-width: 180px;
	z-index: 9997;
	box-sizing: border-box;
	border-radius: 10px;
    font-size: 12px;
    line-height: 1.4em;
}
.popModal .close {
	line-height: 12px;
	font-size: 25px;
	font-weight: bold;
	font-family: serif;
	position: absolute;
	right: 8px;
	top: 8px;
	color: #fff;
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	outline: 0;
}
.popModal .close:hover {
	opacity: 1;
}
.popModal .popModal_content {
	margin: 15px auto;
	word-wrap: break-word;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: initial;
	font-style: initial;
	color: #fff;
	text-decoration: initial;
	text-transform: initial;
	padding: initial;
}
.popModal .popModal_content.popModal_contentOverflow {
	overflow-y: auto;
	overflow-x: hidden;
	margin: 15px -8px;
	padding: 0 7px;
}
.popModal .popModal_content:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	height: 20px;
	bottom: -20px;
}
.popModal .popModal_footer {
	background: #016BAE;
	padding: 15px;
	border-top: 1px solid #ddd;
	text-align: right;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.popModal .popModal_footer button {
	margin: 0 0 0 5px
}
.popModal:before, .popModal:after {
	content: '';
	position: absolute;
	border: 10px solid transparent;
}
/*.popModal:after {
	z-index: 1;
}*/
.popModal.bottomRight {
	right: 0;
}
.popModal.bottomLeft:before, .popModal.bottomRight:before, .popModal.bottomCenter:before {
	border-top-width: 0;
	border-bottom-color: #016BAE;
	top: -10px;
	left: 6px;
}
.popModal.bottomLeft:after, .popModal.bottomRight:after, .popModal.bottomCenter:after {
	border-top-width: 0;
	border-bottom-color: #016BAE;
	top: -9px;
	left: 6px;
}
.popModal.bottomRight:before, .popModal.bottomRight:after {
	left: auto;
	right: 6px;
}
.popModal.bottomCenter:before, .popModal.bottomCenter:after {
	left: 50%;
	margin-left: -10px;
}
.popModal.leftTop:before, .popModal.leftCenter:before {
	border-right-width: 0;
	border-left-color: #016BAE;
	top: 6px;
	right: -10px;
}
.popModal.leftTop:after, .popModal.leftCenter:after {
	border-right-width: 0;
	border-left-color: #016BAE;
	top: 6px;
	right: -9px;
}
.popModal.rightTop:before, .popModal.rightCenter:before {
	border-left-width: 0;
	border-right-color: #016BAE;
	top: 6px;
	left: -10px;
}
.popModal.rightTop:after, .popModal.rightCenter:after {
	border-left-width: 0;
	border-right-color: #016BAE;
	top: 6px;
	left: -9px;
}
.popModal.leftCenter:before, .popModal.rightCenter:before {
	top: 50%;
	margin-top: -10px;
}
.popModal.leftCenter:after, .popModal.rightCenter:after {
	top: 50%;
	margin-top: -10px;
}
.popModal.leftUp:before, .popModal.bottomRight:before, .popModal.bottomCenter:before {
	border-top-width: 0;
	border-bottom-color: #016BAE;
	top: -10px;
	left: 6px;
}
.popModal.leftUp:after, .popModal.bottomRight:after, .popModal.bottomCenter:after {
	border-top-width: 0;
	border-bottom-color: #016BAE;
	top: -9px;
	left: 6px;
}


/* hintModal */
.hintModal {
	position: relative;
	overflow: visible;
}
.hintModal .hintModal_container {
	display: none;
	left: 0;
	margin: 0;
	font: initial;
	text-transform: none;
	position: absolute;
	background: #F8F4E1;
	padding: 10px;
	border: 1px solid #B4A984;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	display: none;
	opacity: 0;
	text-align: left;
	max-width: 260px;
	min-width: 260px;
	z-index: 1;
	font-size: 12px;
	font-weight: normal;
	margin-top: 6px;
	color: #fff;
	top: 100%;
	box-sizing: border-box;
	font-family: sans-serif;
	font-weight: initial;
	font-style: initial;
	color: initial;
	text-decoration: initial;
	text-transform: initial;
}
.hintModal .hintModal_container:before, .hintModal .hintModal_container:after {
	content: '';
	position: absolute;
	border: 6px solid transparent;
	border-top-width: 0;
	border-bottom-color: #B4A984;
	top: -6px;
	left: 6px;
}
.hintModal .hintModal_container:before {
	border-bottom-color: #B4A984;
	top: -6px;
}
.hintModal .hintModal_container:after {
	border-bottom-color: #F8F4E1;
	top: -5px;
	z-index: 1;
}
.hintModal.bottomRight .hintModal_container {
	left: auto;
	right: 0;
}
.hintModal.bottomRight .hintModal_container:before, .hintModal.bottomRight .hintModal_container:after {
	left: auto;
	right: 6px;
}
.hintModal.bottomCenter .hintModal_container {
	left: -120px;
	right: -120px;
	margin-left: auto;
	margin-right: auto;
}
.hintModal.bottomCenter .hintModal_container:before, .hintModal.bottomCenter .hintModal_container:after {
	left: 50%;
	margin-left: -6px;
}


/* animation */
.animated {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
.fadeInTop {
	-webkit-animation-name: fadeInTop;
	animation-name: fadeInTop;
}
.fadeOutTop {
	-webkit-animation-name: fadeOutTop;
	animation-name: fadeOutTop;
}
.fadeInBottom {
	-webkit-animation-name: fadeInBottom;
	animation-name: fadeInBottom;
}
.fadeOutBottom {
	-webkit-animation-name: fadeOutBottom;
	animation-name: fadeOutBottom;
}

/* Hover tooltip used on Case Details Page */
a.tip {
	position: relative;
	text-decoration: none;
	color: #585858;
}
a.tip:hover {
	text-decoration: none;
	background-color: #fff;
	z-index: 100;
}
a.tip span {
	display: none;
}
a.tip:hover span {
	display: block;
	position: absolute;
	top: -6em;
	left: 6.2em;
	width: 160px;
	border: 1px solid #000;
	background-color: #D1F4FC;
	color: #585858;
	font-weight: normal;
    font-size: 12px;
	padding: 10px;
	z-index: 500;
}