/* reset */
*
{
  margin: 0;
  padding: 0;
}

body
{
  background-color: #000;
  background-image: url(../images/PageHeaderBackground1a.png); /* PageHeaderBackground1a1.jpg */
  background-repeat: repeat-x;
  background-position: top;
  margin: 0;
  padding: 0;
  font-family: Helvetica, Verdana, "Trebuchet MS" , Arial;
}

/*
header
{
    border:1px solid #0f0;
    }
article
{
    color:#fff;
    border:1px solid #ff0;
    }
sectionasd
{
    color:#fff;
    border:1px solid #0ff;
    }
footer
{
    color:#fff;
    border:1px solid #ccc;
    }
nav
{
    color:#fff;
    border:1px solid #f00;
    }
div
{
    color:#fff;
    border:1px solid #00f;
    }
span
{
    color:#fff;
    border:1px solid #f0f;
    }
*/
/* ----- Header Begin ----- */

/* ------- Logo ------- * /

h1
{
  width: 41px;
  height: 50px;
  background-image: url(../images/PCLogo50.png);
  position: absolute;
  top: 6px;
  left: 6px;
}

h1 span
{
  display: none;
}

/ * ------- Logo 2 ------- * /

h2
{
  width: 249px;
  height: 300px;
  position: absolute;
  top: -60px;
  right: 20px;
  z-index: -100;
}

h2 span
{
  display: none;
}

/ * ------- Logo 3 ------- * /

h3
{
  width: 495px;
  height: 596px;
  position: absolute;
  top: -300px;
  right: 40px;
  z-index: -200;
}

h3 span
{
  display: none;
}

/ * ------- Logo 4 ------- */

h4
{
  font-size: 30px; /* 36 */
  text-shadow: 2px 2px 2px #333;
  color: #699fca; /* 3c6b95 */
  padding-left: 18px;
}

/* ------- Logo 5 ------- */

h5
{
  width: 220px;
  height: 70px;
  background-image: url(../images/AppLogo.png);
  top: 50px;
  margin-left: auto;
  margin-right: auto;
  z-index: -100;
  background-repeat:no-repeat;
}

h5 span
{
  display: none;
}

/* ------- Navigation ------- */

/* ------- Folders ------- */

header
{
  height: 60px;
}
div.folders
{
  position: absolute;
  left: 8px;
  top: 35px;
}
div.folders ul li
{
  display: inline;
  float: left;
  margin-left: 2px;
}
div.folders li a.FolderSelect
{
  padding-left: 0px;
  padding-right: 20px;
  height: 20px;
  display: block;
  color: #699fca;
}
div.folders li a.FolderSelected
{
  padding-left: 0px;
  padding-right: 20px;
  height: 20px;
  display: block;
  background-image: url(../images/GradientDown.png);
  background-repeat: repeat-x;
  color:#699fca;
}
div.folders li a
{
  text-align: center;
  text-decoration: none;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: White;
  padding-top: 5px;
  padding-bottom: 0px;
}
div.folders li a:hover
{
  text-decoration: none;
  color: #699fca;
  background-image: url(../images/GradientDown.png);
  background-repeat: repeat-x;
}
div.folders li a.FolderSelected:hover
{
  color: #699fca;
  background-image: url(../images/GradientDown.png);
  background-repeat: repeat-x;
}
div.folders ul li.successful
{
  color: Aqua;
  width: 200px;
  height: 25px;
  display: block;
  padding-left: 20px;
  padding-top: 5px;
  cursor: default;
}
div.folders ul li.currentuser
{
  color: #3c6b95;
  width: 200px;
  height: 25px;
  display: block;
  padding-left: 2px;
  padding-top: 8px;
  cursor: default;
}
div.folders li.currentuser a
{
  color: #3c6b95;
  font-size: 16px;
}

/* Search Region */

.searchRegion
{
  position: absolute;
  right: 5px;
  top: 5px;
}

.searchRegion input.search
{
  font-size: 12px;
  color: #699fca;
  padding: 5px 10px 5px 30px;
  width: 160px;
  border: none;
  background: url(../images/SearchBox.png) top left no-repeat;
}

.searchRegion input.submit
{
  display: none;
}
#FindMe:focus
{
  outline: none;
  background-color: transparent; /* 757f9e      */
  border-color: #f00;
  font-size: 12px;
  color: #3c6b95;
  padding: 5px 10px 5px 30px;
  width: 160px;
  border: none;
  background: url(../images/SearchBox.png) top left no-repeat;
}

/* ----- Header End ----- */

/* ----- Body Begin ----- */
    
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #666;
}
    
::-webkit-scrollbar
{
  width: 12px;
  background-color: transparent;
}
    
::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #aaa;
}
::-webkit-scrollbar-corner {
  background-color: #111;
}

ul.portfolioNav li a
{
  padding: 3px;
  padding-left: 6px;
  padding-right: 6px;
  border: 1px solid #699fca;
  margin: 3px;
  display: block;
  background-color: #000;
  color: #699fca;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
ul.portfolioNav li a:hover
{
  color: #000;
  background-color: #3c6b95;
  background: url(../images/hoverBackground.png) bottom right no-repeat;
}

ul.missingPreferences li a
{
  padding: 3px;
  padding-left: 6px;
  padding-right: 6px;
  border: 1px solid #699fca;
  margin: 3px;
  display: block;
  background-color: #000;
  color: #f89406;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
ul.missingPreferences li a:hover
{
  color: #000;
  background-color: #864f00;
  background: url(../images/hoverMissingBackground.png) bottom right no-repeat;
}
#searchRequest
{
  padding-left: 10px;
}
ul#primary
{
  padding-left: 15px;
}
ul#secondary {
  padding-left: 15px;
}
ul#tertiary {
  padding-left: 15px;
}
ul#missing {
  padding-left: 20px;
}
ul.filters {
  padding-left: 20px;
}
ul#condensed {
  padding-left: 20px;
}
ul.HeaderLinks
{
  padding-left: 20px;
}
ul.portfolioNav li
{
  display: inline;
  float: left;
}
ul.portfolioNav li a.selected {
  color: #000;
  background-color: #3080c7;
  background: url(../images/clickedBackground.png) top left no-repeat;
}
ul.missingPreferences li
{
  display: inline;
  float: left;
}
ul.missingPreferences li a.selected
{
  color: #000;
  background-color: #4d2001;
  background: url(../images/clickedMissingBackground.png) top left no-repeat;
}

ul.portfolioNav li a.disabled
{
  color: #666;
  background-color: #111;
}

ul.portfolioNav li a.disabled:hover
{
  color: #666;
  background-color: #111;
  background-image:none;
}

span.searchRequest
{
  font-size: 20px;
  color: #666;
}

span.dataTableCount
{
  font-size: 20px;
  color: #666;
  padding-left: 10px;
}

.filters {
  color:#666;
}

.new
{
  background-image: url(../images/newIcon.png);
  background-repeat: no-repeat;
  background-position: 0px -4px;
  padding-left: 22px;
}

.newFile
{
  background-image: url(../images/newIcon.png);
  background-repeat: no-repeat;
  background-position: 5px 0px;
}

.newRight
{
  background-image: url(../images/newIcon.png);
  background-repeat: no-repeat;
  background-position:right;
  background-position-y:-4px;
  padding-right: 22px;
}

.messageRegion
{
  margin: 10px 10px 0px 10px;
  padding: 6px;
  padding-left: 10px;
  border: 1px solid #699fca;
  background: #111;
  background-image: url(../images/messageBackground3.png);
  background-repeat: repeat;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.messageRegionPageVersion
{
  margin: 0px 10px 0px 10px;
  padding: 6px;
  padding-left: 10px;
  border: 1px solid #699fca;
  background: #111;
  background-image: url(../images/messageBackground3.png);
  background-repeat: repeat;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.messageHeader
{
  text-shadow: 2px 2px 2px #333;
  color: #3c6b95;
  font-size: 24px;
  font-weight: bold;
  padding-right: 10px;
}
.messageText
{
  font-size: 16px;
  color: #888;
}

div.messages
{
  margin-top: 2px;
  margin-right: 5px;
  height: 122px;
  overflow: auto; /*border:1px solid #333; */
}

.individualMessageHeader
{
  color: #CCC;
  font-size: 14px;
  font-weight: bold;
  padding-right: 10px;
  padding-left: 20px;
}
.individualMessageText
{
  font-size: 12px;
  color: #888;
  padding-left: 40px;
}
.individualMessageTrace
{
  font-size: 11px;
  color: #ff9900;
  padding-left: 60px;
}
.individualMessageTracePassed
{
  font-size: 11px;
  color: #666;
  padding-left: 60px;
}

.content
{
  margin:0px;
  margin-left:10px;
  margin-bottom:10px;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  /* background: #999; */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; /* background-color: #152735; 1a2e3e #0e1317; */
  background-color: rgba(21,39,53, 0.5);
  background-image: url(../images/SectionHeaderBackground.png);
  background-repeat: repeat-x;
}

.contentModal {
  margin: 0px 10px 10px;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  /* background: #999; */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  /* background-color: #152735; 1a2e3e #0e1317; */
  background-color: rgba(0,0,0, 0.75); /* 21,39,53 */
  background-image: url(../images/SectionHeaderBackground.png);
  background-repeat: repeat-x;
}

.intraContentHeader
{
  color: #81b0dd;
  font-weight: bold;
  border-bottom: 1px solid #81b0dd;
  font-size: 12px;
}
.intraContentFieldHeader
{
  color: #81b0dd;
  font-weight: bold;
  font-size: 12px;
}
.intraContentLink
{
  color: Cyan;
}
.intraContent
{
  color: #81b0dd;
  font-size :10px;
  width:100%;
}

.contentDataDisplay
{
  margin: 0px 10px 10px;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0px;
  background: #999;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; /* background-color: #152735; 1a2e3e #0e1317; */
  background-color: rgba(21,39,53, 0.5);
  background-image: url(../images/SectionHeaderBackground.png);
  background-repeat: repeat-x;
}

.contentClear
{
  margin: 0px 10px 18px 10px;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

.tableFrame
{
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

.tableContent
{
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  background: #999;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color: #0e1317;
  background-image: url(../images/SectionHeaderBackground.png);
  background-repeat: repeat-x;
}
.tableContentLeft
{
  margin: 0px;
  margin-left: 8px;
  margin-right: 5px;
}

.tableContentRight
{
  margin: 0px;
  margin-right: 8px;
  margin-left: 5px;
}

.contentHeader
{
  font-size: 16px;
  font-weight: bold;
  color: #c3d9f7;
  padding: 3px;
  padding-bottom: 4px; /*  <--- 1px zzz   */
}

.contentHeader span.alert
{
  font-size: 16px;
  font-weight: bold;
  color: #ff6600;
  padding: 3px;
  padding-bottom: 1px;
}

.contentText
{
  font-size: 16px;
  font-weight: bold;
  color: #c3d9f7;
  padding: 0px;
  padding-left: 12px;
}

.contentDataHeader {
  text-align: right;
  color: #c3d9f7;
  font-weight: bold;
  font-size: 12px;
  padding: 3px;
  padding-left: 6px;
  padding-top: 10px;
  border-right: 2px solid #2980d8;
  width: 120px;
}

.contentDataFloatingHeader {
  text-align: right;
  color: #c3d9f7;
  font-weight: bold;
  font-size: 12px;
  padding: 3px;
  padding-left: 6px;
  vertical-align: top;
}

.contentDataText {
  color: #7990ae; /* c3d9f7 */
  font-size: 12px;
  padding: 6px;
  padding-top: 8px;
  padding-bottom: 0px;
}

.contentDataInput {
  vertical-align: top;
  padding: 6px;
  padding-bottom: 0px;
}

.contentDataImage
{
  padding-left: 6px;
  padding-right: 20px;
  background-color: #1f2933;
  vertical-align: bottom;
}

.contentDataImage img
{
  margin: 0;
  padding: 0px;
}

.contentDataText a
{
  color: #699fca;
  text-decoration: none;
}

.contentRequiredMarker {
  color: #c3d9f7;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  align-content: center;
  border-top: 1px solid #2980d8;
  padding-top: 10px;
  vertical-align: top;
}

.contentRequiredMarker div {
  display:inline;
  vertical-align:top;
  margin:3px;
}

.contentFormButton {
  text-align: center;
  align-content: center;
  padding-top: 10px;
}

.dataView {
  padding-top: 0px;
  color: #c3d9f7;
}

.ExportButton
{
  padding-left: 6px;
}

span.navigationLink
{
  padding-left: 10px;
  margin-top: 10px;
  font-size: 14px;
  color: #aaa;
  font-weight: normal;
  text-align: right;
}

span.navigationLink a
{
  padding-left: 3px;
  padding-right: 3px;
  color: #69b4ff; /* 47a2ff */
}

#DuplicateLabel
{
  padding-left: 10px;
  color: #F00;
  font-weight: bold;
}

span.highlight
{
  padding-left: 2px;
  padding-right: 2px;
  background-color: Aqua;
  color: #000;
}
.successfulMessage
{
  margin-top: 3px;
  background-color: #002200;
  border: 1px solid #0f0;
  padding: 6px;
  font-family: Verdana;
  font-size: 12px;
  color: #CCC;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.errorMessage
{
  margin: 3px;
  background-color: #220000;
  border: 1px solid #f00;
  padding: 6px;
  font-family: Verdana;
  font-size: 12px;
  color: #CCC;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.warningMessage
{
  margin: 3px;
  background-color: #222200;
  border: 1px solid #FFA500;
  padding: 6px;
  font-family: Verdana;
  font-size: 12px;
  color: #CCC;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  width:90%;
}
div.lock
{
  padding-left: 15px;
  margin-top: 6px;
}
td.required {
  background-image: url(../images/requiredIcon.png);
  background-repeat: no-repeat;
  background-position: 2px 2px;
}

/* ----- Body End ----- */

/* ----- Footer Begin ----- */

.footer
{
  text-align: center;
  font-size: 9px;
  font-family: Verdana, Arial, Comic Sans MS;
  color: #c3d9f7;
}

/* ----- Footer End ----- */

/* ----- Bootstrap Start ----- */

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 15px;
}

input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
  display: block;
  margin-bottom: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 15px;
  padding: 3px 3px;
  /* margin-bottom: 10px; */
  font-size: 14px;
  line-height: 15px;
  color: #000;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

input,
textarea,
.uneditable-input {
  width: 206px;
}

textarea {
  height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #999;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="reset"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
  background-color: #999; /* 304f48 */
  border: 1px solid #cccccc;
}

input[type="submit"],
input[type="button"] {
  width: auto;
}

select,
input[type="file"] {
  height: 24px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 24px;
}

select {
  width: 150px; 
  background-color: #999; /* 304f48 */
  border: 1px solid #cccccc;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.uneditable-input,
.uneditable-textarea {
  color: #999999;
  cursor: not-allowed;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}

.uneditable-textarea {
  width: auto;
  height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

.radio,
.checkbox {
  min-height: 15px;
  padding-left: 20px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}

.input-micro {
  width: 30px;
}

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-datecontrol {
  width: 100px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

.input-xxxlarge {
  width: 1000px;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0;
}

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block;
}

input,
textarea,
.uneditable-input {
  margin-left: 0;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #699fca;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
     -moz-box-shadow: 0 0 6px #f8b9b7;
          box-shadow: 0 0 6px #f8b9b7;
}

.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}

.form-actions:before,
.form-actions:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-actions:after {
  clear: both;
}

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */

  margin-bottom: 0;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.btn {
  display: inline-block;
  *border-left: 0 none #e6e6e6;
  border-right: 0 none #e6e6e6;
  border-top: 0 none #e6e6e6;
  border-bottom: 0 none #b3b3b3;
  display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-repeat: repeat-x;
  *-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 1px 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  border-left-color: #0044cc;
  border-right-color: #0044cc;
  border-top-color: #0044cc;
  border-bottom-color: #002a80;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}

.btn-estimate {
  color: #000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #808000;
  *background-color: #808000;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, #FFFF00, #808000);
  border-left-color: #FFFFE0;
  border-right-color: #808000;
  border-top-color: #FFFFE0;
  border-bottom-color: #808000;
}

.btn-estimate:hover,
.btn-estimate:focus,
.btn-estimate:active,
.btn-estimate.active,
.btn-estimate.disabled,
.btn-estimate[disabled] {
  color: #000;
  background-color: #FFFF00;
  *background-color: #FFFF00;
}

.btn-estimate:active,
.btn-estimate.active {
  background-color: #FFFF00 \9;
}

.btn-warning {
  color: #000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  *background-color: #f89406;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  border-left-color: #f89406;
  border-right-color: #f89406;
  border-top-color: #f89406;
  border-bottom-color: #ad6704;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
}

.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}

.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  *background-color: #bd362f;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  border-left-color: #bd362f;
  border-right-color: #bd362f;
  border-top-color: #bd362f;
  border-bottom-color: #802420;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}

.btn-success {
  color: #000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, #00ff00, #387038);
  border-left-color: #296329;
  border-right-color: #89f289;
  border-top-color: #89f289;
  border-bottom-color: #387038;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  border-left-color: #2f96b4;
  border-right-color: #2f96b4;
  border-top-color: #2f96b4;
  border-bottom-color: #1f6377;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, #444444, #222222);
  border-left-color: #222222;
  border-right-color: #222222;
  border-top-color: #222222;
  border-bottom-color: #000000;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}





.btn-dan {
  color: #000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #8a4413;
  *background-color: #603619;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, #8a4413, #603619);
  border-left-color: #603619;
  border-right-color: #8a4413;
  border-top-color: #8a4413;
  border-bottom-color: #603619;
}

  .btn-dan:hover,
  .btn-dan:focus,
  .btn-dan:active,
  .btn-dan.active,
  .btn-dan.disabled,
  .btn-dan[disabled] {
    color: #ffffff;
    background-color: #603619;
    *background-color: #8a4413;
  }

  .btn-dan:active,
  .btn-dan.active {
    background-color: #603619;
  }

.btn-tom {
  color: lightgray;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0a4c5b;
  *background-color: teal;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, teal, #0a4c5b);
  border-left-color: teal;
  border-right-color: #0a4c5b;
  border-top-color: #0a4c5b;
  border-bottom-color: teal;
}

  .btn-tom:hover,
  .btn-tom:focus,
  .btn-tom:active,
  .btn-tom.active,
  .btn-tom.disabled,
  .btn-tom[disabled] {
    color: #ffffff;
    background-color: teal;
    *background-color: #0a4c5b;
  }

  .btn-tom:active,
  .btn-tom.active {
    background-color: Teal;
  }

.btn-craig {
  color: lightgray;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #520606;
  *background-color: red;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, red, #520606);
  border-left-color: red;
  border-right-color: #520606;
  border-top-color: #520606;
  border-bottom-color: red;
}

  .btn-craig:hover,
  .btn-craig:focus,
  .btn-craig:active,
  .btn-craig.active,
  .btn-craig.disabled,
  .btn-craig[disabled] {
    color: #ffffff;
    background-color: red;
    *background-color: #520606;
  }

  .btn-craig:active,
  .btn-craig.active {
    background-color: red;
  }



.btn-tyler {
  color: #000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d1d1d1;
  *background-color: #666;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, #e6e6e6, #666);
  border-left-color: #414141;
  border-right-color: #e6e6e6;
  border-top-color: #e6e6e6;
  border-bottom-color: #414141;
}

.btn-tyler:hover,
.btn-tyler:focus,
.btn-tyler:active,
.btn-tyler.active,
.btn-tyler.disabled,
.btn-tyler[disabled] {
  color: #ffffff;
  background-color: #666;
  *background-color: #666;
}

.btn-tyler:active,
.btn-tyler.active {
  background-color: #666 \9;
}




.btn-ken {
  color: #ccc;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #000;
  *background-color: #000;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, #000, #000);
  border-left-color: #aaa;
  border-right-color: #000;
  border-top-color: #aaa;
  border-bottom-color: #000;
}

.btn-ken:hover,
.btn-ken:focus,
.btn-ken:active,
.btn-ken.active,
.btn-ken.disabled,
.btn-ken[disabled] {
  color: #000;
  background-color: #fff;
  *background-color: #fff;
}

.btn-ken:active,
.btn-ken.active {
  background-color: #2d5b82 \9;
}

.btn-sanjeev {
  color: #CCC;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: gray;
  *background-color: gray;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, #333, #333);
  border-left-color: #ccc;
  border-right-color: #333;
  border-top-color: #ccc;
  border-bottom-color: #333;
}

.btn-sanjeev:hover,
.btn-sanjeev:focus,
.btn-sanjeev:active,
.btn-sanjeev.active,
.btn-sanjeev.disabled,
.btn-sanjeev[disabled] {
  color: #000;
  background-color: #CCC;
  *background-color: #CCC;
}

.btn-sanjeev:active,
.btn-sanjeev.active {
  background-color: #2d5b82 \9;
}


button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-link {
  color: #0088cc;
  cursor: pointer;
  border-color: transparent;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-link:hover,
.btn-link:focus {
  color: #005580;
  text-decoration: none;
  background-color: transparent;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #333333;
  text-decoration: none;
}

.btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  *margin-left: .3em;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
  *zoom: 1;
}

.btn-group:first-child {
  *margin-left: 0;
}

.btn-group + .btn-group {
  margin-left: 5px;
}

.btn-toolbar {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0;
}

.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
  margin-left: 5px;
}

.btn-group > .btn {
  position: relative;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-group > .btn + .btn {
  margin-left: -1px;
}

.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-size: 14px;
}

.btn-group > .btn-mini {
  font-size: 10.5px;
}

.btn-group > .btn-small {
  font-size: 11.9px;
}

.btn-group > .btn-large {
  font-size: 17.5px;
}

.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.btn-group > .btn.large:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  *padding-top: 5px;
  padding-right: 8px;
  *padding-bottom: 5px;
  padding-left: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group > .btn-mini + .dropdown-toggle {
  *padding-top: 2px;
  padding-right: 5px;
  *padding-bottom: 2px;
  padding-left: 5px;
}

.btn-group > .btn-small + .dropdown-toggle {
  *padding-top: 5px;
  *padding-bottom: 4px;
}

.btn-group > .btn-large + .dropdown-toggle {
  *padding-top: 7px;
  padding-right: 12px;
  *padding-bottom: 7px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #0044cc;
}

.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406;
}

.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}

.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351;
}

.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}

.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222222;
}

.btn .caret {
  margin-top: 8px;
  margin-left: 0;
}

.btn-large .caret {
  margin-top: 6px;
}

.btn-large .caret {
  border-top-width: 5px;
  border-right-width: 5px;
  border-left-width: 5px;
}

.btn-mini .caret,
.btn-small .caret {
  margin-top: 8px;
}

.dropup .btn-large .caret {
  border-bottom-width: 5px;
}

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.btn-group-vertical {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}

.btn-group-vertical > .btn {
  display: block;
  float: none;
  max-width: 100%;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-group-vertical > .btn + .btn {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:first-child {
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

.btn-group-vertical > .btn:last-child {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.btn-group-vertical > .btn-large:first-child {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}

.btn-group-vertical > .btn-large:last-child {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}

.btn-space {
  margin-left:3px;
  text-decoration:none;
}

/* ----- Bootstrap End ----- */

a.iconSteelBlue {
  padding: 3px;
  background-color: steelblue;
  color: black !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}

a.iconBlack {
  padding: 3px;
  background-color: black;
  color: #ccc !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}

a.iconDeepPink {
  padding: 3px;
  background-color: DeepPink;
  color: black !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}

a.iconMediumBlue {
  padding: 3px;
  background-color: MediumBlue;
  color: white !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}

a.iconOrange {
  padding: 3px;
  background-color: Orange;
  color: black !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}

a.iconBeige {
  padding: 3px;
  background-color: beige;
  color: black !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}

a.iconLightGreen {
  padding: 3px;
  background-color: lightgreen;
  color: black !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}

a.iconBlue {
  padding: 3px;
  background-color: blue;
  color: #ccc !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}

a.iconBrown {
  padding: 3px;
  background-color: Brown;
  color: black !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}

a.iconPurple {
  padding: 3px;
  background-color: darkviolet;
  color: lightgrey !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}

a.iconRed {
  padding: 3px;
  background-color: Red;
  color: black !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}

a.iconWhite {
  padding: 3px;
  background-color: White;
  color: black !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}

a.iconAquamarine {
  padding: 3px;
  background-color: Aquamarine;
  color: black !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}

a.iconTeal {
  padding: 3px;
  background-color: Teal;
  color: black !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}

a.iconYellow {
  padding: 3px;
  background-color: Yellow;
  color: black !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}

a.iconGold {
  padding: 3px;
  background-color: gold;
  color: black !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}

a.iconSaddleBrown {
  padding: 3px;
  background-color: SaddleBrown;
  color: white !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}

a.iconDarkGreen {
  padding: 3px;
  background-color: DarkGreen;
  color: white !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}

a.iconGreen {
  padding: 3px;
  background-color: Green;
  color: white !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}

a.iconIndigo {
  padding: 3px;
  background-color: indigo;
  color: white !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}

a.iconGray {
  padding: 3px;
  background-color: gray;
  color: black !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}

a.iconRoyalBlue {
  padding: 3px;
  background-color: royalblue;
  color: white !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 12px;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}