html,body {
    position: relative;
    z-index: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    /* background-color: #EAF0FF; */
    background-color: white;}

h1 h2 h3 h4 h5 h6 {font-weight: bold;}
h1 {font-size: 2.5em; color: #5a61ce }
h2 {font-size: 2em; color: #5a61ce}
h3 {font-size: 1.75em; font-style: italic; margin: 0 0 15px 0; color: #5a61ce}
h4 {margin: 0}

hr {height: 2px; border: 1px; color: #5a61ce; background-color: #5a61ce; margin-top: 0; padding: 0}

/*                      Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#Header {
	position: relative;
	z-index: 100;
   width: 100%;
   margin: 0;
   padding: 0;}
#CompanyLogo {float: left; height: 50px; border: none; margin: 5px 0 5px 30px}
#ClientLogo {float: right; height: 50px; border: none; margin: 5px 30px 5px 0}

/*                      Nav Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#MainNavBar {
	position: relative;
    width: 100%; height: 22px;
    padding: 5px 0 0 0;
    margin: 0;
    overflow: hidden;
    background: #5A61CE url(../images/blue-gradient.png) repeat-x;}
#NavTabs {margin-left: 20px;  background: #5A61CE url(../images/blue-gradient.png) repeat-x; }
#MobileTitle {
    position: absolute;
    left: 20px;
    top: 2px;
    display: none}
#MobileTitle a { 
    color: white;
    font: 0.9em bold arial, verdana, sans-serif;
	text-decoration: none}
#MobileTitle a:hover {color: #8EBAFF}
#LoginStatus { 
	position: absolute;
	right: 20px;
	top: 2px}
.NavLoginLink {
	color: white;
	font: 0.9em arial, verdana, sans-serif;
	text-decoration: none;}
.NavLoginLink:hover {color: #8EBAFF	}
.NavLoginName {
	color: white;
	margin-right: 10px;}

/*                      Nav Buttons
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.NavButton {	
    position: relative;
    margin-bottom: 0;
	border:1px solid #424DC9;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
	color:white; 
	font-family:arial, sans-serif; 
	font-size:10px; 
	font-weight:bold; 
	padding:3px 24px; 
	text-decoration:none; 
    background: #424DC9;}

.NavLink {
	float: left;
	margin-left: 3px;
	margin-right: 3px;
	border: none;
	background: none !important;
	color: white !important;
	padding: 0 3px;
	text-decoration:none;
	font-size: 12px;
	font-weight: normal;}
.NavLink:hover {color: #8EBAFF !important}

@media (max-width: 720px) {
.NavButton {
	float: left;
	margin-left: 3px;
	margin-right: 3px;
	border: none;
	background: none !important;
	color: white !important;
	padding: 0 3px;
	font-size: 12px;
	font-weight: normal;}
}
.NavButton:hover {color: #8EBAFF !important} 

/*                      Main Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#Content {
    width: 1024px;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
    background-color:#FFFFEE;
    border-left: 1px solid #5a61ce;
    border-right: 1px solid #5a61ce;
    border-bottom: 1px solid #5a61ce;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;}
.ContentHeader {text-align: center; padding: 10px 0; border-bottom: 1px solid #5a61ce; margin-bottom: 7px }
.ContentHeader h2 {font-size: 1.75em; font-weight: bold; color: #5a61ce}

/*                     Grid Results
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#GridResults {position: relative; }
#GridResultsSM {position: relative; display: none; }

#ExactMatch {position: absolute; left: 3px; top: 3px; z-index: 100}
#Sorting {position: absolute; left: 100px; top: 3px; z-index: 100}
#chkNotFuzzy {vertical-align: middle; margin-top: 2px; margin-left: 7px}

#ExactMatchSM {position: absolute; display: none; left:240px; top: -35px; width: 90px; padding: 0; margin: 0; z-index: 110}
#SortingSM {position: absolute; display: none; left: 240px; top: -70px; z-index: 110}
#chkNotFuzzySM {margin: 0 7px 0 0}

#MSDS_grid {overflow: hidden}
#SM_grid {overflow: hidden}
.MatchTitle {color: white; font-size: .80em; margin-right: 35px}
.GridColWidth {padding: 0 10px}

/* Custom style for alternate rows */
.AltRows { background-color: #BFCEF7 !important ; font-weight: normal; }
    .AltRows:hover {background-color: #695F87 !important }
    .AltRows:active {background-color: #5A61CE !important}

/*                      Grid Input
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#GridContent {padding: 0px 15px; margin: 0; overflow: hidden}
#GridHeader {position: relative; height: 75px; padding: 0}
#GridCriteria {position: relative; float: left; }
.CritTitle {font-size: .85em; margin-top: 0; line-height: .5em; font-weight: bold; }
.CritText {width: 175px; margin-bottom: 8px}
.CritDDL {width: 182px; height: 23px}
#GridSrchButtons {float: left}
.ActionLft {float: left; text-align: center; font-weight: bold }
.ActionImg {width: 32px; height: 32px; margin: 10px 10px 0 10px; border: none}

#GridCrit1 {position: absolute; left: 0; top: 5px}
#GridCrit2 {position: absolute; left: 195px; top: 5px}
#GridCrit3 {position: absolute; left: 390px; top: 5px}
#GridCrit4 {position: absolute; left: 585px; top: 5px}
#GridCrit5 {position: absolute; left: 780px; top: 5px}
#GridCrit6 {position: absolute; left: 975px; top: 5px}
#GridSrchButtons {float: right; margin-top: 0}

/*
@media (max-width: 1000px) {
	#GridHeader {height: 115px}
	#GridCrit1 {position: absolute; left: 0; top: 5px}
	#GridCrit2 {position: absolute; left: 195px; top: 5px}
	#GridCrit3 {position: absolute; left: 390px; top: 5px}
	#GridCrit4 {position: absolute; left: 0px; top: 50px}
	#GridCrit5 {position: absolute; left: 195px; top: 50px}
	#GridCrit6 {position: absolute; left: 390px; top: 50px}
	#GridSrchButtons {position: absolute; left: 585px; top: 5px}
}
*/

@media (max-width: 825px) {
	#GridHeader {height: 75px}
    #Header {display: none; height: 0; margin: 0; padding: 0;}
	#GridCrit1 {position: absolute; left: 0; top: 5px; display: none}
	#GridCrit2 {position: absolute; left: 0px; top: 0px}
	#GridCrit3 {position: absolute; left: 0; top: 50px; display: none}
	#GridCrit4 {position: absolute; left: 195px; top: 5px; display: none}
	#GridCrit5 {position: absolute; left: 195px; top: 5px; display: none}
	#GridCrit6 {position: absolute; left: 390px; top: 55px; display: none}
	#GridSrchButtons {position: absolute; left: 190px; top: 0px}
    #SearchBtn {display: block !important;}
    #SearchAllBtn {display: none !important}
    #ClearBtn {display: none !important}
    #HelpBtn {display: none !important}
	#ExactMatch {display: block !important; left: 115px; top: -22px}
    #Sorting {display: block !important; left: 0px; top: -25px;}
	.MatchTitle {color: black; font-size: .80em; margin: 0 }
    #MobileTitle {display: block}
    #NavTabs {display: none}
}

/*                      Reports Popup
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ListBoxWrapper {display: none}
#Reports {
	position: relative;
	width: 500px;
	padding: 50px 0 40px;
	text-align: center; 
	-webkit-border-radius: 20px; 
	border-radius: 20px; 
	border: 0;
	overflow: hidden}
#ReportsHeader {
	width: 100%;
	position: absolute;
	top: 0;
	text-align: center;
	margin-bottom: 10px; 
	font: bold 2.5em arial, sans-serif; 
	color: #5a61ce}
#ReportsContent {height: 300px; overflow-x: hidden; overflow-y: auto}
#ReportsIframe {font-size: 1.5em; padding: 5px 0}
.ReportsFooter {width: 100%; text-align: center; padding: 5px 0; position: absolute; bottom: 0}
.ReportsCloseLnk {padding: 5px 15px; -webkit-border-radius: 20px; border-radius: 20px; border: 1px solid #5A61CE;}
#ReportsList {background-color: #EFF3FF}
.RptListFolder {font-size: 1.6em; font-weight: bold; margin-top: 15px; margin-bottom: 5px; color: #8E8E8E}
.RptListLink {font-family:Helvetica, Arial, sans-serif; font-size: 1.2em; font-weight: bold; text-decoration: none; color: #5a61ce;}
.RptListLink:hover {color:blue}
.RptListLink:visited {color: #5a61ce}

/*  Styling for label options table */
#tblLabelOptions {font-family: Geneva, Helvetica, Arial, sans-serif; font-size: 14pt}
.HMISLabelOptions { padding-left: 35px }
#tblFontSel {font-family: Geneva, Helvetica, Arial, sans-serif; font-size: 14pt; }
#tblFontSel select {width: 50px; padding-left: 5px}
#tblFontSel option {width: 40px; padding-left: 5px}
#tblFontSel td {font-family: Arial, sans-serif; font-size: 14px; color: black}

.LabelOptionTitleBar {
    padding: 2px 0;
    border-top: 2px solid #5A61CE;
    font-family: Geneva, Helvetica, Arial, sans-serif; 
    font-size: 12pt; 
    font-weight: bold; 
    color: #5A61CE}
.LabelOptionNumberBox {width: 12px; padding-left: 6px}
.LabelOptions {
    background-color: #EFF3FF; 
    font-family: Geneva,Helvetica,Arial,sans-serif;
    font-size: 10pt;
    padding: 2px 0 5px 5px;
    vertical-align: top;}

/*                    Pop-up Box for Location
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.SmBoxHeader {
	padding-top: 5px; 
	text-align: center;
	font-size: 1.10em; 
	font-weight: bold; 
	font-style: italic; 
	color: #5a61ce}
.SmBoxClose {width: 100%; padding: 10px 0; position: absolute; bottom: 0; text-align: center}
.SmBoxCloseLnk {padding: 5px 15px; -webkit-border-radius: 20px; border-radius: 20px; border: 1px solid #5A61CE}
#SynContent {width: 80%; min-width: 175px; padding: 0 10%; margin-top: -15px; font-weight: bold}
#LocContent {width: 80%; min-width: 175px; padding: 0 10%; margin-top: -15px; font-weight: bold}
#Synonyms  {min-width: 225px; background-color: #eef3ff; border: 0; margin: 0; position: relative; padding-bottom: 40px}
#Locations {min-width: 225px; background-color: #eef3ff; border: 0; margin: 0; position: relative; padding-bottom: 40px}

.GridSortSelect {font-size: .85em; height: 18px;}
.GridSortBox {font-size: .85em; padding: 4px; background-color: #BFCEF7 !Important}
.GridSortOpt {font-size: .85em; line-height: 30px; padding: 4px !Important}
.GridSortOptAlt {font-size: .85em; line-height: 30px; padding: 4px; background-color: #BFCEF7 !Important}

/*                      Chemical Request
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#RequestContent {
    width: 800px;
    padding: 0 15px 15px;
    margin-left: auto;
    margin-right: auto;
    background-color:#FFFFEE;
    border-left: 1px solid #5a61ce;
    border-right: 1px solid #5a61ce;
    border-bottom: 1px solid #5a61ce;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;}
#ChemReqHeader {width: 100%; text-align: center; padding-top: 1px}
.ReqInfoBlock { float: left; width: 395px; margin-bottom: 5px }
.ReqInfoTitle {float: left; padding: 20px 0 10px; font-size: 1.1em; font-weight: bold; color: #5a61ce}
.ReqInfoTitleFull {float: left; font-size: 1.1em; font-weight: bold; color: #5a61ce}
.ChemReqBlkTitle {float: left; width: 110px; text-align: left; padding-left: 10px }
.ChemReqBlkEntry {float: left; width: 265px}
.ChemReqTxtBox {width: 200px; border: 1px solid #5A61CE}
#ReqWebsite {width: 795px; margin-top: 15px }
.ReqWebUrl {width: 795px; height: 20px; border: 1px solid #5A61CE; resize: none}
#ReqReason {width: 795px; margin-top: 15px }
#ReqDocuments {width: 795px; margin-top: 15px }
#ReqReasonTitle {float: left;}
.ReqReasonEntry {Width: 100%; height: 60px; border: 1px solid #5A61CE; resize: none}
#ReqButtons { margin-top: 15px }
.ReqBtnL { float: left }
.ReqBtnR { float: right }
#ErrorMsg {width: 100%; text-align: center}
.ReqAdminTitle {font-size: 1.1em; font-weight: bold; color: #5a61ce}
.ReqAdminSection {width: 795px; margin-top: 15px}
.ReqAdminBlock {float: left; width: 395px; margin-bottom: 0px}
.ReqAdminBlkTitle {float: left; width: 100px; text-align: right; padding-right: 10px}
.ReqAdminBlkEntry {float: left; width: 295px; text-align: left;}
.ReqAdminNotes {resize: none; width: 750px; min-height: 50px; padding: 5px 10px}
.RequestDeptChk {width: 205px; border-style: solid; border-color: #5A61CE; border-width: 1px}
.txtr {text-align: right}
.txtmfg {width: 298px; resize: none; border: none; background-color: #FFFFEE}
#GetReqNumber {margin-bottom: 7px}

/*                      Import
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.btnExists {	position: relative;
	border:1px solid #dcdcdc; 
	-webkit-border-radius:4px; 
	border-radius:4px;
	color:#ffffff; 
	font-family:arial, sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	padding:3px 10px; 
	/*margin-top: 2px; */
	text-decoration:none; 
    background: #5A61CE;
    background: linear-gradient(to bottom, #a4a8e4 0%,#5a61ce 100%)}
.btnExists:hover {color: #FFCA73}
.UplCombo {width: 150px; margin-top: -6px; font-size: 0.85em}
.UplManufList {
    margin : 0px !important ;
    background-color : white ;
    color : windowtext ;
    border : #5a61ce ;
    border-width : 1px ;
    border-style : solid ;
    overflow : auto ;
    width: 175px;
    font-family : Tahoma, sans-serif ;
    font-size : 0.75em ;
    text-align : left ;
    list-style-type : none ;}
.UplManufListItem {
    margin-left: -15px;
    padding-left: 0;
    color: windowtext;
    padding: 1px;
    font-family: Tahoma, sans-serif;}
.UplManufListHighlighted {
    background-color : #EAF0FF ;
    color : black ;
    padding : 1px ;}

#SrchResults {
    width: 1024px;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFEE;
    border: 1px solid #5a61ce;
    border-radius: 10px;}
.HiddenResults { visibility: hidden; }
.VisibleResults { visibility: visible; }
.UplSrchButton {padding-top: 0; padding-bottom: 0px; padding-left: 3px; padding-right: 3px}
.RowClearButton {padding-top: 0; padding-bottom: 0px; padding-left: 3px; padding-right: 3px}
.ExistsPopUp {
    display: none;
    width: 350px;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF;
    border: 1px solid #5a61ce;
    -webkit-border-radius: 10px;
    border-radius: 10px;}

/*                      Login
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.Login {
    width: 350px;
    padding: 15px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #FFFFEE;
    border: 1px solid #5a61ce;
    -webkit-border-radius: 10px;
    border-radius: 10px;}
.LoginTitle {font: italic bold 1.75em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #5a61ce; margin: 0 0 15px 0;}
.LoginRow { height: 25px }
.LoginRowB {margin: 0; padding-bottom: 10px}
.LoginMsg {padding: 12px 0; text-align: left}
.LoginRowLinks {text-align: right}
.LoginLinks {color: blue; text-decoration: none}
.LoginColA {width: 20%; text-align: left; float: left; line-height: 25px}
.LoginColB {width: 75%; float: right}

/*                     Registration
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.RegHdr {text-align: center}
.Registration {
    padding: 15px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFEE;
    border: 1px solid #5a61ce;
    -webkit-border-radius: 10px;
    border-radius: 10px;}
#Registration {width: 450px}
.RegInfo {width: 235px; float: left;}
.RegRow {clear: both; height: 25px}
.RegTitle {float: left; width: 75px}
.RegTxtBox {float: left; width: 150px}
#RegistrationExt { width: 600px;}
.RegInfoExt {width: 385px; float: left; margin-right: 15px}
.RegRowExt {clear: both; height: 25px}
.RegTitleExt {float: left; width: 125px}
.RegTxtBoxExt {float: left; width: 255px}
.RegPswdNotice {width: 180px; float: right}
.RegPswdNoticeTitle {width: 100%; height: 25px; text-align: center; font-weight: bold}
.RegSubmit {width: 100%; padding-top: 5px; padding-bottom: 7px}
.RegMsg {font-weight: bold; color: maroon;}

/*                      User Admin
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#UserAdmin {
    width: 1400px;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
	overflow: auto;}
#CreateUser {width: 400px; float: left; margin-bottom: 15px}
#PswdSpecs {margin-bottom: 7px}
.LoginSettingsOptions {float: left; margin: 0 20px 15px 0}
/*#LoginSetting {float: left; margin: 0 20px 15px 0}
#RegSetting   {float: left; margin: 0 20px 15px 0}
#RegType      {float: left; margin: 0 20px 15px 0}
#AuthCode     {float: left; margin: 0 20px 15px 0}
#RegLockedOut {float: left; margin: 0 20px 15px 0}*/
#SSLSetting   {float: left;}
#PswdChg {margin-bottom: 15px}
.AccordMain {width: 97%;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
	overflow: auto;}
.AccordHdr {border:1px solid #dcdcdc; 
	-webkit-border-radius:4px; 
	border-radius:4px;
	color:#ffffff; 
	font-family:arial, sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	padding:4px 24px; 
	margin-top: 5px; 
	text-decoration:none; 
    background: #5A61CE;
    background: linear-gradient(to bottom, #a4a8e4 0%,#5a61ce 100%);}
.AccordHdr:hover {color: #FFCA73}
.AccordHdrSelected {
    font-family:arial, sans-serif; 
	font-size:20px; 
	font-weight:bold;
    color: #5a61ce;
    margin: 10px 0 15px
}

.DeptTable {
    border: 2px solid #5a61ce;
    padding: 0px;
    margin-bottom: 10px;    
}
.DeptTable thead {background-color: #9397DF;
	font-size:14px; 
	font-weight:bold;
    color: #ffffff;
}
.EmailSettings {
    float: left; 
    margin: 0 25px 15px 0
}
.SecureSettings {
    float: left;
    margin-right: 25px
}

.DeptHeads {
    border: 2px solid #5a61ce;
    padding: 0px;
    margin-bottom: 10px;
}
.DeptHeads thead {background-color: #9397DF;
	font-size:14px; 
	font-weight:bold;
    color: #ffffff;
}
.DeptHeadsList {
    border: none; 
    list-style-type: none;
    padding: 5px
}
.UserTable {
    width: 100%;
    text-align: left;
    border-collapse: collapse
}
.UserTable th, .UserTable td {
    border: 1px solid #5a61ce;
    padding-left: 5px;
}
.UserTable th {color: white; background-color: #5a61ce}
.UserTable tr:nth-of-type(even) {background-color: #BFCEF7}


/*                      Miscellaneous
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.FloatL {float: left; margin-right: 8px}
.FloatR {float: right; margin-left: 8px}
.ClearFloat {clear: both; height: 0; font-size: 1px; line-height: 0px}
.clearfix {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    margin: 0;
    padding: 0;
    font-size: 1px;
    line-height: 0px;
    visibility: hidden;}
.BlueBar {
    width: 100%; height: 22px;
    text-align: center;
    padding: 5px 0 0 0;
    margin: 0;
    overflow: hidden;
    background: #5A61CE;
    background-image: url(../images/blue-gradient.png);
    background-repeat:repeat-x;}
.HiddenBtn {visibility:hidden}
.WhtBkgd {background-color: #FFFFFF}
.NoResize {resize: none}
.TopRight{position: absolute; top: 0px; right: 0px}

/*                     Buttons
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.btnDkBlue {
	position: relative;
	border:1px solid #dcdcdc; 
	border-radius:4px;
	color:#ffffff; 
	font-family:arial, sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	padding:4px 24px; 
	margin-top: 5px; 
	text-decoration:none; 
    background: #5A61CE;
    background: linear-gradient(to bottom, #a4a8e4 0%,#5a61ce 100%);
    top: 0px;
    left: 0px;
}
.btnDkBlue:hover {color: #FFCA73}

.btnDkBlueLnk {
	position: relative;
	border:1px solid #dcdcdc; 
	border-radius:4px;
	color:#ffffff; 
	font-family:arial, sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	padding:6px 24px; 
	margin-top: 5px; 
	text-decoration:none; 
    background: #5A61CE;
    background: linear-gradient(to bottom, #a4a8e4 0%,#5a61ce 100%);}
.btnDkBlueLnk:hover {color: #FFCA73}

.btnDkBlueSm {
	position: relative;
	border:1px solid #dcdcdc; 
	border-radius:4px;
	color:#ffffff; 
	font-family:arial, sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	padding:2px 4px; 
	margin-top: 0px; 
	text-decoration:none; 
    background: #5A61CE;
    background: linear-gradient(to bottom, #a4a8e4 0%,#5a61ce 100%);
    top: 0px;
    left: 0px;
}
.btnDkBlueSm:hover {color: #FFCA73}

.btnReqSelect {
	position: relative;
	border:1px solid #dcdcdc; 
	-webkit-border-radius:4px; 
	border-radius:4px;
	color:#ffffff; 
	font-family:arial, sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	padding:3px 5px; 
	margin-top:0px; 
	text-decoration:none; 
    background: #5A61CE;
    background: linear-gradient(to bottom, #a4a8e4 0%,#5a61ce 100%);}
.btnDkBlue:hover {color: #FFCA73}