/* 
==========================================================
    Global CSS Styles For AOH IntranetApps
    v1.1, 11/2011
==========================================================
*/   

html
{
    height:100%;
}

body.StandardBody
{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	overflow: hidden;
}

form.StandardForm 
{
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

body.DialogBody
{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-color:#FFFFFF;
}

.DialogFooter 
{
	background-color: #C9D8EB;
}

A:Link .GlobalLink
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
    color: blue;
	font-size:  11px;
    /*text-decoration: underline;*/
    font-weight: normal;
}

A:Visited .GlobalLink
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
    color: purple;
	font-size:  11px;
    	/*text-decoration: underline;*/
    font-weight: normal;
}

.InactiveLink
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
    color: #C0C0C0;
	font-size:  11px;
    text-decoration: none;
    font-weight:lighter;
    
}

TD.EmptyClass 
{	
	border: none;
}

.HoverCursor 
{
	cursor:pointer;
}

.BringToFront {
    z-index: 100000000000000 !important;
}

.StandardTable {
    padding: 0px;
    border-collapse: collapse;
}

.BorderedTable 
{
    padding:0px;
    border-collapse: collapse;
    border: solid 1px #E4E4E4; /*#9FB2C7;*/
}

.BorderedTable2 
{
    padding:0px;
    border-collapse: collapse;
    border: solid 1px #9E9E9E; /*#9FB2C7;*/
}

.Box 
{
    /*border: 1px solid #DDDDDD; /*#8BA0BC;*/
    padding: 5px;
    box-sizing: border-box;
}

.BoxTop
{
    /*border: 1px solid #DDDDDD; /*#8BA0BC;*/
    padding-top: 5px;
    box-sizing: border-box;
}

.ContrastBg {
    background-color: #CACACA !important; /*#878787;*/
}

.ContrastBg2
{
	background-color: #878787 !important;
}

.TransparentBg {
    background-color: Transparent !important;
}

.Pad-Small {
    padding: 2px !important;
}

.Pad {
    padding: 5px !important;
}

.Pad-Large {
    padding: 10px !important;
}

/* Text */

.Normal 
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    font-size:  11px !important;
}

.Smaller
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    font-size:  10px !important;
}

.XSmaller
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    font-size:  9px !important;
}

.Larger
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    font-size:  12px !important;
}

.XLarger
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    font-size:  14px !important;
}

.XXLarger
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    font-size:  16px !important;
}

.XXXLarger
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    font-size:  18px !important;
}

.Emphasize 
{
    font: bold 10px Verdana, Arial, Courier New, sans-serif;
    color: #405882;
}

.Instructions {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #506FA4 !important;
    text-decoration: none;
    font-size: 11px !important;
}

.Instructions2 
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF !important;
    text-decoration: none;
    font-size:  11px !important;
}

.InstructionsBlock {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #506FA4 !important;
    background-color: #CADBEE;
    font-size: 11px !important;
}

.Alert {
    color: #FF0000 !important;
}

.Disabled
{
	color: #C0C0C0 !important;
}

.Bold {
    font-weight: bold !important;
}

.Italic {
    font-style: italic !important;
}

.Underlined {
    text-decoration: underline !important;
}

.Centered {
    text-align: center !important;
}

.Hidden 
{
    display: none !important;
}

.AllCentered {
    display: flex;
    justify-content: center;
    align-items: center;
}

.VerticalCentered {
    position: relative; 
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);    
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.VerticalCentered2 {
    display: flex;
    align-items: center;
}

.flexContainer {
    display: flex;
    align-items: center
}

.flexColumn {
    flex: 1;
}

.StrikeThrough {
    text-decoration: line-through !important;
}

.AppErrorText {
    color: #FF0000 !important;
}

.AppMessageText {
    color: #303030 !important;
}

p.PageBreaker {
    page-break-before: always !important;
}

.White {
    color: white !important;
}

.Black {
    color: black !important;
}

.Red {
    color: red !important;
}

.Blue {
    color: blue !important;
}

.Orange {
    color: orange !important;
}

.DarkOrange {
    color: #DC5726 !important;
}

.Green {
    color: green !important;
}

.Purple {
    color: purple !important;
}

.Gray {
    color: gray !important;
}

.LightGray {
    color: #C0C0B8 !important;
}

.DarkRed {
    color: #9C362A !important;
}

.Borderless {
    border-style: none !important;
}

.Bordered {
    border: solid 1px #E4E4E4 !important; /*#9FB2C7;*/
}

.LeftAligned {
    text-align: left !important;
}

.NormalWeight {
    font-weight: normal !important;
}

.StructureList {
    list-style: none;
	margin: 0;
	padding: 0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.StructureList li.left {
	float: left;
}

.StructureList li.right {
	float: right;
	text-align: right;
}

.dataLabel 
{
    font: bold 10px Verdana, Arial, Courier New, sans-serif;
    color: #882501; /*#506FA4;*/
    margin: 0px;
    padding: 0px 0px 2px 0px;
}

.dataItem
{
    font: 10px Verdana, Arial, Courier New, sans-serif;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}

.DialogContent
{
	background-color: #878787;/*#BDCBDE;/*#DAE6F3;/*#E8EFF8; /*#E2EBF6; /* #F0F7FD; /*#DBE6F4; /*#FBFDFF; /*#FFFFFF;*/
	padding: 0px;
	margin: 0px;
	border: 0px;
	height: 100% !important;
}

.DialogContent2 {
    background-color: #E0E0E0; /*#BDCBDE;/*#DAE6F3;/*#E8EFF8; /*#E2EBF6; /* #F0F7FD; /*#DBE6F4; /*#FBFDFF; /*#FFFFFF;*/
    padding: 0px;
    margin: 0px;
    border: 0px;
    height: 100% !important;
}

.DialogContent3
{
	background-color: #CACACA;/*#BDCBDE;/*#DAE6F3;/*#E8EFF8; /*#E2EBF6; /* #F0F7FD; /*#DBE6F4; /*#FBFDFF; /*#FFFFFF;*/
	padding: 0px;
	margin: 0px;
	border: 0px;
	height: 100% !important;
}

.TabbedContainer
{
	background-color: #E0E0E0; /*#E7E7E7; /*#BFDBFF; /*#DFE9F5; /*#DCE5F2;/*#C4D6EC;*/
}

.TabbedContainer2
{
	background-color: #E0E0E0; /*#E7E7E7; /*#BFDBFF; /*#DFE9F5; /*#DCE5F2;/*#C4D6EC;*/
	padding:3px;
}

.TabbedContainer3
{
	background-color: #FFFFFF;
}

.TabbedContainer4
{
	background-color: #6F6F6F; /*#E7E7E7; /*#BFDBFF; /*#DFE9F5; /*#DCE5F2;/*#C4D6EC;*/
}

.TabbedContainer5
{
	background-color: #CACACA; /*#E7E7E7; /*#BFDBFF; /*#DFE9F5; /*#DCE5F2;/*#C4D6EC;*/
}

.TabbedContent
{
	background-color: #FFFFFF; /*#F0F7FD; /*#DBE6F4; /*#FBFDFF; /*#FFFFFF;*/
	padding: 0px;
	margin: 0px;
	border:0;
}

.TabbedContent2
{
	background-color: #E0E0E0; /*#F0F7FD; /*#DBE6F4; /*#FBFDFF; /*#FFFFFF;*/
	padding: 0px;
	margin: 0px;
	border:0;
}

.TabbedContent3
{
	background-color: #CCCCCC; /*#F0F7FD; /*#DBE6F4; /*#FBFDFF; /*#FFFFFF;*/
	padding: 0px;
	margin: 0px;
	border:0;
}

.TabbedContent4
{
	background-color: #CACACA; /*#F0F7FD; /*#DBE6F4; /*#FBFDFF; /*#FFFFFF;*/
	padding: 0px;
	margin: 0px;
	border:0;
}

.TabbedContentBordered
{
	background-color: #FFFFFF; /*#F0F7FD; /*#DBE6F4; /*#FBFDFF; /*#FFFFFF;*/
	/*border-top: solid 1px #BCCBDD;*/
	border: solid 1px #7B7D7B; /*#E4E4E4; /*#9FB2C7; /*#416094;*/
	border-top: 0px  !important;
	padding: 0px;
	margin: 0px;
}

.TabbedContentBorderedL {
    background-color: #FFFFFF; /*#F0F7FD; /*#DBE6F4; /*#FBFDFF; /*#FFFFFF;*/
    /*border-top: solid 1px #BCCBDD;*/
    border: solid 1px #DEDEDE; /*#E4E4E4; /*#9FB2C7; /*#416094;*/
    border-left: 0px !important;
    padding: 0px;
    margin: 0px;
}

.TabbedContentBordered2
{
	background-color: #E0E0E0; /*#F0F7FD; /*#DBE6F4; /*#FBFDFF; /*#FFFFFF;*/
	border: solid 1px #7B7D7B; /*#E4E4E4; /*#9FB2C7; /*#416094;*/
	border-top: 0px  !important;
	padding: 5px;
	margin: 0px;
}

.TabbedContentBordered3
{
	background-color: #CECECE; /*#F0F7FD; /*#DBE6F4; /*#FBFDFF; /*#FFFFFF;*/
	/*border-top: solid 1px #BCCBDD;*/
	border: solid 1px #5e5e5e; /*#E4E4E4; /*#9FB2C7; /*#416094;*/
	border-top: 0px  !important;
	padding: 0px;
	margin: 0px;
}

.TabbedContentBordered4
{
	background-color: #CACACA; /*#F0F7FD; /*#DBE6F4; /*#FBFDFF; /*#FFFFFF;*/
	/*border-top: solid 1px #BCCBDD;*/
	border: solid 1px #5e5e5e; /*#E4E4E4; /*#9FB2C7; /*#416094;*/
	border-top: 0px  !important;
	padding: 0px;
	margin: 0px;
}


.TabBg
{
	background: #E0E0E0 url('../images/backgrounds/tab_horizontal_bg.png') repeat-x 0 0;
}

.TabBg4
{
	background: #C9C9C9 url('../images/backgrounds/tab_horizontal_bg.png') repeat-x 0 0;
}

.TabBg_Bottom
{
	background: #E0E0E0 url('../images/backgrounds/tab_horizontal_bottom_bg.png') repeat-x 0 0;
}

.TabBg_Left
{
	background: transparent url('../images/backgrounds/tab_vertical_left_bg.png') repeat-y 100% 0;
}

.TabbedContentNoBorder {
    border: none !important; /*border-bottom: solid 1px #9FB2C7; /*#416094;*/
}

.highlightColumn 
{
    background-color: #FFEBAF !important; /*#FFF0BF !important;*/
}

.highlightColumn2
{
    background-color: #DBE5F9 !important; /*#CAD9F6 !important;*/
}

.formContainer {
    background-color: #FFFFFF;
    margin:5px;
    box-sizing: border-box;
    border: solid 1px #7D7D7D;
}

.formContainer2 {
    background-color: #ECECEC;
    margin:5px;
    box-sizing: border-box;
    border: solid 1px #7D7D7D;
}

.formContainer3 {
    background-color: #ECECEC;
    margin:5px;
    border-bottom: solid 1px #7D7D7D;
}

.formContainer4 {
    background-color: #FFFFFF;
    border: solid 1px #898989 !important;
}

.formHeading 
{
    font-family: Verdana, Arial, Courier New;
    font-size: 10px;
    font-weight: bold;
    background-color: #898989;/*#9C2501;*/
    color:#FFFFFF;
    text-align: left;
    margin:0;
    padding: 3px;
    vertical-align:middle;
}

.formHeading2 
{
    font-family: Verdana, Arial, Courier New;
    font-size: 10px;
    font-weight: bold;
    background-color: #BDBDBD;
    color:#000000;
    text-align: left;
    margin:0;
    padding: 3px;
    vertical-align:middle;
}

.formHeading3 
{
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #E4E4E4;
    color:#000000;
    text-align: left;
    margin:0;
    padding: 3px;
    vertical-align:middle;
}

.formHeadingBordered 
{
    font-family: Verdana, Arial, Courier New;
    font-size: 11px;
    font-weight: bold;
    background-color: #cbddf3;
    color:#000000;
    text-align: left;
    margin:0;
    padding: 3px;
    height: 20px;
    /*line-height:20px;*/
    vertical-align:middle;
    border: solid 1px #E4E4E4; /*#9FB2C7;*/
    border-bottom: 0px;
    margin: 0; 
}

.formHeadingBordered2 
{
    font-family: Verdana, Arial, Courier New;
    font-size: 11px;
    font-weight: bold;
    background-color: #C4D1E1;
    color:#000000;
    text-align: left;
    margin:0;
    padding: 3px;
    height: 20px;
    /*line-height:20px;*/
    vertical-align:middle;
    border: solid 1px #E4E4E4; /*#9FB2C7;*/
    border-bottom: 0px;
    margin: 0; 
}

.formLabel 
{
    font: bold 10px Verdana, Arial, Courier New, sans-serif;
    color: #882501; /*#506FA4;*/
    text-align: right;
    padding: 8px 4px 0px 2px;
}

.formItem
{
    font: 10px Verdana, Arial, Courier New, sans-serif;text-align: left;
    padding: 8px 2px 0px 4px;
}

.formFieldSet 
{
    font-family: Verdana, Arial, Courier New;
    border: 1px solid #848684; /*#8BA0BC;*/
    padding: 4px;
    margin: 5px;
}

.formLegend
{
    font-family: Verdana, Arial, Courier New;
    font-weight: bold;
    font-size: 10px;
    color: #636163; /*#708DB6;*/
    margin: 0px 2px;
}

/* Content Block Styles */

.ContentBlockHeader {
    /*font-family: Verdana, Arial, Courier New;
    font-size: 11px;
    font-weight: bold;*/
    color: #000000; /*606260; /*#384E73; */
    font: bold 12px 'Segoe UI', Arial, sans-serif;
    /*background: #C7C8C7 url('../images/backgrounds/content_header_simple.png') repeat-x 0 0; */
    background-image: linear-gradient(#fff,#c7c8c7) !important;
    /*background-color: #DBE6F3;/*#DBE6F3;/*#DFE5EF; /*#CADBEE; /*#CBDDF3;*/
    /*color:#000000;*/
    text-align: left;
    /*vertical-align:middle;*/
    padding: 0px;
    margin: 0px;
}

.ContentBlockHeader2 {
    color: #000000; /*#606260; /*#384E73; */
    font: bold 12px 'Segoe UI', Arial, sans-serif;
    /*background: #C7C8C7 url('../images/backgrounds/content_header_simple.png') repeat-x 0 0; */
    background-image: linear-gradient(#fff,#c7c8c7) !important;
    /*background-color: #DBE6F3;/*#DBE6F3;/*#DFE5EF; /*#CADBEE; /*#CBDDF3;*/
    /*color:#000000;*/
    text-align: left;
    /*vertical-align:middle;*/
    padding: 0px;
    margin: 0px;
}

.ContentBlockHeader3 {
    color: #000000; /*#606260; /#C9C9C9; /*#384E73; */
    font: bold 12px 'Segoe UI', Arial, sans-serif;
    /*background: #CACACA url('../images/backgrounds/content_header_simple.png') repeat-x 0 0; */ 
    background-image: linear-gradient(#fff,#c7c8c7) !important;
    /*background-color: #DBE6F3;/*#DBE6F3;/*#DFE5EF; /*#CADBEE; /*#CBDDF3;*/
    /*color:#000000;*/
    text-align: left;
    /*vertical-align:middle;*/
    padding: 0px;
    margin: 0px;
}

.ContentBlockHeader_Bordered {
    font: bold 12px 'Segoe UI', Arial, sans-serif;
    color: #000000; /*#606260; /*#384E73; */
    /*background: #C7C8C7 url('../images/backgrounds/content_header_simple.png') repeat-x 0 0; */
    background-image: linear-gradient(#fff,#c7c8c7) !important;
    /*font: bold 12px 'Segoe UI', Arial, sans-serif;*/
    /*background-color: #DBE6F3;/*#DBE6F3;/*#DFE5EF; /*#CADBEE; /*#CBDDF3;*/
    /*color:#000000;*/
    text-align: left;
    /*vertical-align:middle;*/
    border-bottom: solid 1px #7C7C7C !important; /*#9FB2C7;*/
    /*border-bottom: 0px;*/
    padding: 0px;
    margin: 0px;
}

.ContentBlockHeader_Bordered2 {
    font: bold 12px "Segoe UI",Arial,Sans-serif;
    color: #000000; /*#606260; /*#384E73; */
    /*background: #C7C8C7 url('../images/backgrounds/content_header_simple.png') repeat-x 0 0; */
    background-image: linear-gradient(#fff,#c7c8c7) !important;
    /*font: bold 12px 'Segoe UI', Arial, sans-serif;*/
    /*background-color: #DBE6F3;/*#DBE6F3;/*#DFE5EF; /*#CADBEE; /*#CBDDF3;*/
    /*color:#000000;*/
    text-align: left;
    /*vertical-align:middle;*/
    border-bottom: solid 1px #7B7D7B !important; /*#9FB2C7;*/
    /*border-bottom: 0px;*/
    padding: 0px;
    margin: 0px;
}

.ContentBlockHeader_Bordered3 {
    font: bold 12px "Segoe UI",Arial,Sans-serif;
    color: #000000; /*#606260; /*#384E73; */
    /*background: #C7C8C7 url('../images/backgrounds/content_header_simple.png') repeat-x 0 0; */
    background-image: linear-gradient(#fff,#c7c8c7) !important;
    /*font: bold 12px 'Segoe UI', Arial, sans-serif;*/
    /*background-color: #DBE6F3;/*#DBE6F3;/*#DFE5EF; /*#CADBEE; /*#CBDDF3;*/
    /*color:#000000;*/
    text-align: left;
    /*vertical-align:middle;*/
    border-bottom: solid 1px #E0E0E0 !important; /*#9FB2C7;*/
    /*border-bottom: 0px;*/
    padding: 0px;
    margin: 0px;
}

.ContentBlockFooter_Bordered {
    font: bold 12px 'Segoe UI', Arial, sans-serif;
    color: #606260;
    /*background: #C7C8C7 url('../images/backgrounds/content_header_simple.png') repeat-x 0 0; */
    background-image: linear-gradient(#fff,#c7c8c7) !important;
    text-align: left;
    border-top: solid 1px #7C7C7C !important;
    border-bottom: solid 1px #7C7C7C !important;
    padding: 0px;
    margin: 0px;
}

.ContentBlockFooter_Bordered2 {
    font: bold 12px "Segoe UI",Arial,Sans-serif;
    color: #606260;
    /*background: #C7C8C7 url('../images/backgrounds/content_header_simple.png') repeat-x 0 0; */
    background-image: linear-gradient(#fff,#c7c8c7) !important;
    text-align: left;
    border-top: solid 1px #7C7C7C !important;
    border-bottom: solid 1px #7C7C7C !important;
    padding: 0px;
    margin: 0px;
}

.ContentBlockFooter_Bordered3 {
    font: bold 12px "Segoe UI",Arial,Sans-serif;
    color: #C9C9C9;
    /*background: #C7C8C7 url('../images/backgrounds/content_header_simple.png') repeat-x 0 0; */
    background-image: linear-gradient(#fff,#c7c8c7) !important;
    text-align: left;
    border-top: solid 1px #E0E0E0 !important;
    border-bottom: solid 1px #E0E0E0 !important;
    padding: 0px;
    margin: 0px;
}

.ContentBlockFooter_Bordered4 {
    font: bold 12px "Segoe UI",Arial,Sans-serif;
    color: #C9C9C9;
    /*background: #C7C8C7 url('../images/backgrounds/content_header_simple.png') repeat-x 0 0; */
    background-image: linear-gradient(#fff,#c7c8c7) !important;
    text-align: left;
    border-top: solid 1px #E0E0E0 !important;
    border-bottom: solid 1px #E0E0E0 !important;
    padding: 0px;
    margin: 0px;
}
/*.ContentBlockContainer_NoPad
{
    background-color: #FFFFFF; 
	padding: 0px;
	margin: 0px;  
}*/

/*.ContentBlockContainer_NoPad_Bordered
{
    background-color: #FFFFFF;
	padding: 0px;
	border: solid 1px #9FB2C7;
	margin: 0px; 
}*/

.ContentBlockContainer
{
    background-color: #E0E0E0; /*#F7F7F7; /*#FFFFFF; */
	padding: 0px;
	margin: 0px;  
}

.ContentBlockContainer2
{
    background-color: #A6A6A6; /*#F7F7F7; /*#FFFFFF; */ /*#FFFFFF; */
	padding: 0px;
	margin: 0px; 
}

.ContentBlockContainer3
{
    background-color: #878787; /*#F7F7F7; /*#FFFFFF; */ /*#FFFFFF; */
	padding: 0px;
	margin: 0px; 
}

.ContentBlockContainer_Bordered
{
    background-color: #E0E0E0; /*#F7F7F7; /*#FFFFFF; */ /*#FFFFFF; */
	border: solid 1px #E4E4E4; /*#9FB2C7;*/
	padding: 0px;
	margin: 0px; 
}

.ContentBlockContainer_Bordered2
{
    background-color: #A6A6A6; /*#F7F7F7; /*#FFFFFF; */ /*#FFFFFF; */
	border: solid 1px #7B7D7B; /*#9FB2C7;*/
	padding: 0px;
	margin: 0px; 
}

.ContentBlockContainer_Bordered3
{
    background-color: #878787; /*#F7F7F7; /*#FFFFFF; */ /*#FFFFFF; */
	border: solid 1px #E0E0E0; /*#9FB2C7;*/
	padding: 0px;
	margin: 0px; 
}




/*.ContentBlockContainer2_NoPad
{
    background-color: #F0F7FD; 
	padding: 0px;
	margin: 0px;  
}*/

/*.ContentBlockContainer2_NoPad_Bordered
{
    background-color: #F0F7FD;
	padding: 0px;
	border: solid 1px #9FB2C7;
	margin: 0px; 
}*/

.SampleStyle 
{
    color: #02E460;
    font-size:20px;
    font-weight: bold;
    font-family: Script MT; 
    text-decoration: underline;
    font-style:italic;
}

.searchImage
{
    background: url('../images/icons/search.png');
    background-position: 0 0;
    width: 16px;
    height: 16px;
}

.searchImageHovered
{
    background-position: 0 -100px;
}

.searchImagePressed
{
    background-position: 0 -200px;
}

.formatRadioButtonList label
{
    margin-right: 10px;
}

.warningCellImage_Red
{
    background: url('../images/icons/comment_red.png') no-repeat;
    background-position: 0 0;
    width: 16px;
    height: 16px;
}

.warningCellImage_Orange
{
    background: url('../images/icons/comment_orange.png') no-repeat;
    background-position: 0 0;
    width: 16px;
    height: 16px;
}

/* File Types*/

.fileType {
    background: url('../images/icons/file_unknown.png') no-repeat 0px 0;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: middle;
}

.fileType.pdf {
    background: url('../images/icons/file_pdf.png') no-repeat 0px 0;
}

.fileType.doc,
.fileType.docx,
.fileType.docm {
    background: url('../images/icons/file_msword.png') no-repeat 0px 0;
}

.fileType.xls,
.fileType.xlsx,
.fileType.xlsm {
    background: url('../images/icons/file_msexcel.png') no-repeat 0px 0;
}

.fileType.ppt,
.fileType.pptx,
.fileType.pptm,
.fileType.pps,
.fileType.ppsx,
.fileType.ppsm {
    background: url('../images/icons/file_msppt.png') no-repeat 0px 0;
}

.fileType.txt {
    background: url('../images/icons/file_text.png') no-repeat 0px 0;
}

.fileType.xml {
    background: url('../images/icons/file_xml.png') no-repeat 0px 0;
}

.fileType.zip {
    background: url('../images/icons/file_zip.png') no-repeat 0px 0;
}

.fileType.htm,
.fileType.html {
    background: url('../images/icons/file_html.png') no-repeat 0px 0;
}

.fileType.gif,
.fileType.jpg,
.fileType.jpe,
.fileType.jpeg,
.fileType.png,
.fileType.bmp,
.fileType.tif,
.fileType.tiff {
    background: url('../images/icons/file_image.png') no-repeat 0px 0;
}