html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border-bottom-style:none;
	border-bottom-width:0;
	border-collapse: collapse;
	border-color:initial;
	border-left-style:none;
	border-left-width:0;
	border-right-style:none;
	border-right-width:0;
	border-top-style:none;
	border-top-width:0;
	font-size:100%;
	font-weight:normal;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	vertical-align:baseline;
}


/* Font declarations */
@font-face {
    font-family: 'DroidSansMono';
    src: url('../fonts/droidsansmono-webfont.eot');
    src: url('../fonts/droidsansmono-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidsansmono-webfont.woff') format('woff'),
         url('../fonts/droidsansmono-webfont.ttf') format('truetype'),
         url('../fonts/droidsansmono-webfont.svg#droid_sans_monoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
//
// changes for new productEntry
//
/* Fonts */
@font-face {
    font-family: 'lato';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff'),
         url('../fonts/lato-bold-webfont.ttf') format('truetype'),
         url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: 700; /* bold */
    font-style: normal;
}

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

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

/*
@font-face {
    font-family: ProximaRegular;
    src: url(../fonts/Proxima-Nova-Regular.otf);
}

@font-face {
    font-family: ProximaRegularItalic;
    src: url(../fonts/Proxima-Nova-Regular-Italic.otf);
}

@font-face {
    font-family: ProximaBold;
    src: url(../fonts/Proxima-Nova-Bold.otf);
}
*/


/* Basic styling */
body {
	background-color:   #f7f5ef;
	color:              #333;
	line-height:        1;
	font-size:          100%;
	width:              100%;
	position:           relative;
	// padding to be taken from the INSIDE of the box, not the OUTSIDE
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	background-color:   rgba(247, 245, 239, 1);
	font-family:        'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	margin:             0 1em;
	overflow-x:         auto !important;
}

em, i {
	font-family:      Arial, sans-serif;
	font-style:       italic;
	font-weight:      normal;
}

b, strong {	
	font-family:      Arial, sans-serif;
	font-style:       normal;
	font-weight:      700;
}

a {
    color: inherit;
    text-decoration: none;
    padding: 0 0.1em;
    //background: rgba(255,255,255,0.5);
    //text-shadow: -1px -1px 2px rgba(0,100,100,0.9);
    border-radius: 0.2em;

    -webkit-transition: 0.5s;
    -moz-transition:    0.5s;
    -ms-transition:     0.5s;
    -o-transition:      0.5s;
    transition:         0.5s;
    cursor:             pointer;
}

.introitem {
    cursor:             pointer;
}
a:hover,
a:focus {
    // background: rgba(255,255,255,1);
    //text-shadow: -1px -1px 2px rgba(0,100,100,0.5);
    color: #c90000;
    -webkit-transition: color 0.05s ease-in;
}

tr.bold td {
  font-weight:     bold;
}

.bold {
  font-weight:     bold;
}

// index page stuff
.spListing .productListing .indexGraph td{
	border-bottom:  0;
	border-left:    0;
	border-right:   0;
	border-top:     1px solid #455161;
	font-size:      0.7em;
	padding:        1em 0.5em 0.5em 0.5em;
	text-align:     right;
	min-width:      3em;
	vertical-align: bottom;
        white-space:    nowrap;
}
tr.indexRow td {
	font-size:    0.8em;
	padding:      0.3em 0.5em 0.5em 0.3em;
	text-align:   right;
        white-space:  nowrap;
}
tr.indexRow td.detailHeadings {
        colspan:  2;
}

tr.indexRow td.wrappable {
    color:      #518BCC;
    text-align:   left;
    /* css-3 */
    word-wrap:   break-word;
    white-space: -o-pre-wrap; 
    white-space: pre-wrap; 
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 
}


tr.bmRow td {
        font-style:   italic;
	color: #5FB57D;
}

tr.volRow td {
	color: #476BCC;
}
tr.dvolRow td {
	color: #497BCC;
}
tr.sharpeRow td {
	color: #518BCC;
}
tr.sortinoRow td {
	color: #539BCC;
}
tr.drawdownRow td {
	color: #55ABCC;
}





/* banner styling */
#header {
	margin:       0;
}
#banner {
        padding:          10px;
        background-color: #EEE;
}
#content {
	margin:       1em;
}

#loginLinks, .footerLinks {
        padding:          10px;
	font-family:       Arial, sans-serif;
	font-size:         0.8em;
	float:             right;
	z-index:           4;
}

#header a, #footer a {
    display:               inline;
    //text-transform:      uppercase;
    padding: 0 3px;
}
.footer {
    float:                 left;
    margin:                0 10px;
}
.footerAddress {
    float:                 right;
}
h1{
	// border-top:        3px double #455161;
	font-size:         1.2em;
	padding:           10px 0;
	margin:            10px 0;
}

.red {
    color:                #F90000;
}
.blue {
    color:                #c90000;
}
.terms {
    padding:               1em;
}
.terms h1{
	font-size:         1.5em;
}
.terms p{
	font-size:         1.0em;
        margin:            1em 0;
}
.terms li{
	font-size:         1.0em;
	list-style:        none;
	margin:            0 10px;
}

.riskWarnings {
    padding:           10px;
    border:            1px solid #333;
    background:        #f8f8f8;
    margin:            1em;
}


/* navigation */
#navigation {
        display:          inline-block;
        background-color: #00274c;
        margin-top:       5px;
	box-shadow:       none;
	width:            100%;
}
#navigation ul {
        background-color: #00274c;
 	padding:          1em 0;
        float:            left;
	text-align:       center;
}
#navigation li, .footer li {
	font-size:     1em;
	list-style:    none;
	margin:        0 10px;
        display:       inline;
}
#navigation li a {
	color: white;
}

#userFeedback {
        background-color: #00274c;
 	padding:          1em 0;
	text-align:       center;
	color:            #D21D56;
}


/* Search box styling */
.searchBox {
	margin: 1em auto 1em auto;
	text-align: center;
	width: 90%;
	position: relative;
}
#searchButton {
    margin:   0.5em 1em;
    float:    left;
    opacity:  .9 ;

    -webkit-transition: opacity 10s;
    -moz-transition:    opacity 10s;
    -ms-transition:     opacity 10s;
    -o-transition:      opacity 10s;
    transition:         opacity 10s;
}

.search{
	background-color: #fff;
	border: 1px solid #888;
	-webkit-transition: border-color 0.1s ease-out, color 0.1s ease-out;
		-moz-transition: border-color 0.1s ease-out, color 0.1s ease-out;
			-o-transition: border-color 0.1s ease-out, color 0.1s ease-out;
				transition: border-color 0.1s ease-out, color 0.1s ease-out;
	-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
			border-radius: 3px;
	color: #304781;
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	line-height: 1em;
	margin: 0.5em;
	outline: none;
	padding: 0.5em;
	vertical-align: middle;
}

.options {
	font-size: 3em;
}

.go {
	background-color:      #c1201c;
	border-color:          #c1201c;
	color:                  white;
	display:                inline;
	font-family:            Arial, sans-serif;
	font-size:              0.8em;
	line-height:            3;
	padding:                0.6em;
	text-align:             right;
	text-rendering:         optimizeLegibility;
	text-transform:         uppercase;
	vertical-align:         middle;
	-webkit-font-smoothing: antialiased;
}

.dropDownList {
	background-color: #fff;
	border: 1px solid #888;
	-webkit-transition: border-color 0.1s ease-out, color 0.1s ease-out;
		-moz-transition: border-color 0.1s ease-out, color 0.1s ease-out;
			-o-transition: border-color 0.1s ease-out, color 0.1s ease-out;
				transition: border-color 0.1s ease-out, color 0.1s ease-out;
	-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
			border-radius: 3px;
	color:        #c3c3c3;
	cursor:       pointer;
	display:      inline-block;
	font-family:  Arial, sans-serif;
	font-size:    0.8em;
	line-height:  1em;
	margin:       0.5em 0.1em;
	outline:      none;
	padding:      0.64em;
	text-align:   left;
	vertical-align: middle;
	width:        13em;
}

.dropDownList li {
	font-size: 1em;
	list-style: none;
}
.dropDownList li:first-child {
        font-style: italic;

}
.dropDownList li:hover{
	font-weight: bold;
}

.dropDownList .hidden {
	display: none;
}

#siteWrapper {
    height:       auto;
    width:        100%;
}


ul.insight {
	list-style: none;
	width : 80%
}

ul.insight li{
        margin:    10px 0;
}
ul.insight li.heading, .heading{
    	font-size:  1.3em;
        margin:    20px 0 0 0;
	color:     rgb(71, 116, 116);
}

li.insightAuthor {
        margin:     10px;
    	font-size:  .7em;
	color:      #304781;
}

/* Tab styling */
#dev-admin-wrapper {
	margin: 0 1em;
}

#dev-admin-wrapper ul {
	list-style: none;
	text-align: center;
}

#dev-admin-wrapper ul li {
	background-color: #eeeadf;
	border:           1px solid #333;
	border-bottom:    none;
	-webkit-border-radius: 6px 6px 0 0;
		-moz-border-radius: 6px 6px 0 0;
			border-radius: 6px 6px 0 0;
	float:            left;
	font-family:      Arial, sans-serif;
	font-size:        0.8em;
	min-width:        7em;
	padding:          0.75em;
	margin:           1em;
	text-transform:   uppercase;
}

#dev-admin-wrapper ul li:hover {
	background-color: #faf6ea;
}

#dev-admin-wrapper ul li a {
	text-decoration: none;
}

#dev-admin-wrapper ul li a:active {
	color: #333;
}

#dev-admin-wrapper ul li a:hover {
	color: #333;
}




/* Main table styling */
table.indexDetail {
    table-layout: fixed;
}

th {
	border-bottom:  3px solid #455161;
	border-left:    0;
	border-right:   0;
	border-top:     0;
	font-size:      0.95em;
	margin:         0;
	min-width:      3em;
	top:            0;
	padding:        0.5em 0.5em 0.5em 1em;
	text-align:     right;
	line-height:    1em;
	vertical-align: bottom;
}

.spListing .productListing:hover {
	background-color: #e6dfce;
	-webkit-transition: background-color 0.1s ease-in;
}

.spListing .productListing td {
	border-bottom:  0;
	border-left:    0;
	border-right:   0;
	border-top:     1px solid #455161;
	font-size:      0.8em;
	padding:        1em 0.5em 0.5em 0.5em;
	text-align:     right;
	min-width:      3em;
	vertical-align: bottom;
}
.spListing .em td {
        font-style: italic;
}
.spListing td.tableNumbers {
	font-family:         'DroidSansMono', sans-serif;
	font-size:           0.8em;
}

.spListing .hide, .hide {
	display: none !important;
}

.spListing .productDetail {
	text-align:          right;
	background-color:    #e2dfce;
}

.spListing .productDetail td, .tableTop td {
	font-size:           0.95em;
	padding-top:         0.1em;
	padding-bottom:      0.1em;
	vertical-align:      top;
	background-color:    rgb(237, 238, 240);
}


.spListing .productDetail table.fixingsTable td {

	padding:             5px 10px;
}


#topP_submit {
    margin: 3em;
}

td.topPicked {
        cursor:              pointer;
	background-color:    #063471;
	color:               white;
}

td.topUnPicked {
        cursor:              pointer;
	background-color:    rgb(237,236,240);
	color:               rgb(51,51,51);
}

td.num,th.num,td.numbersOnly {
    font-family:         'DroidSansMono', sans-serif;
    padding:             0.5em 0.5em 0.5em 1em;
}

table.topProducts-wrapper tr td {
    padding:             0.5em 0.5em 0.5em 1em;
    border:              1px solid #455161;
}

.clear {
        clear:         both;
        margin:        0;
        padding:       0;
}


.center {
    text-align:      center;
}

.right {
    text-align:      right;
}

tr.tt > td {
    white-space:     nowrap;
    text-align:      left;
    margin:          10px;
}


.pdfGraph {
    scrolling: 'no';
}

.tooltip {
    position:         absolute;
    top:              0;
    left:             0;
    z-index:          4;
    display:          none;
    text-align:       left;
    font-size:        0.8em;
    opacity:          1;
    background-color: rgb(92, 128, 143);
    color:            white;
    padding:          5px;       
    -webkit-border-radius: 5px;
      -moz-border-radius:  5px;
      border-radius:       5px;

    /*
      CSS3 transition shorthand order:
      transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay];
      if you don't specify values for transition-property, default is "all"
      if you don't specify values for transition-timing-function, default is linear

      IN THE END, since cannot quickly get CSS3 transitions to delay the hover event  -> decided to add setTimeout to jquery.simpletip-1.3.1.js
    */
    -webkit-transition: hover 1s linear 1s;
    -moz-transition:.01s 1s;
    -o-transition:.01s 1s;
    transition: hover 1s linear 1s;
}
.tooltip:hover {
    -webkit-transition: hover 1s linear 1s;
    -moz-transition:.01s 1s;
    -o-transition:.01s 1s;
    transition: hover 1s linear 1s;

}

.table1Contrast {
    background-color:   rgba(122,122,140,.1)  !important;
}
.table1Contrast1 {
    background-color:   rgba(14,14,54,.1)  !important;
}
.userParamsProduct {
    background-color:   rgba(0,0,100,.1) !important;
}
.illustrativeProduct {
    background-color:   rgba(100,0,0,.1);
}
.benchmarkProduct {
    background-color:   rgba(0,100,0,.1);
}
.maturedProduct {
    background-color:   rgba(0,100,100,.1);
}

.scatterSubtitle td {
    padding: 0 10px;
}

/* Expanded view styles */
.tableTest {
	margin:               0.5em auto;
	padding:              1em;
	width:                90%;
}

.tableTest p {
	font-size: 1em;
	margin-bottom: 1em;
}

.tableTest .imageLink {
	text-decoration: none;
}

.centerTable {
	margin: 0 auto;
	width: 50%;
}

.tableTest .tableTestCenter .centerTable td {
	border-top: 1px solid #455161;
	font-size: 0.8em;
	padding: 0.5em 0.5em 0.5em 1em;
	text-align: right;
	vertical-align: bottom;
}

.tableTest .tableTestCombined {
	margin: 1em auto;
	overflow: visible;
	width: 95%;
}

.tableTestCombined .tableTestLeft {
	float: left;
}
.tableTestRight {
	float: left;
}

.tableTestCombined .tableTestLeft td {

}

.tableTestCombined .tableTestRight {
	//border: 1px solid #455161;
	float: left;
	padding-left: 1em;
	margin-left: 3em;
}

.tableTestCombined .tableTestRight p {
	padding: 0.5em 0;
	margin: 0;
}

.tableTestCombined .tableTestRight tr td {
	padding: .5em;
	border:  1px solid #455161;
}
	
.spinner {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -50px; /* half width of the spinner gif */
	margin-top: -50px; /* half height of the spinner gif */
	text-align:center;
	z-index: 10;
	overflow: auto;
	width: 200px; /* width of the spinner gif */
	height: 202px; /*hight of the spinner gif +2px to fix IE8 issue */
}



/* login */
fieldset.login,fieldset.whichProducts,fieldset.whichIllustrativeProducts {  
 border:               1px solid #000;
 margin:               0.25em 1em 0.25em 1em;  
}  
fieldset.login ol {  
 padding:              1em 1em 0 1em;  
}  
fieldset.login li {  
  padding-bottom:      1em;  
  list-style:    none;
}


/* reasons div */
div.spReasons[class*='spReason-'] {
      position: absolute;
      
      background: rgb(203, 217, 239);
      width: 100%-20px;
      height: 100%;
      top: 0;
      left: 0;
      padding:    20px;
      opacity: 0;
      -moz-transition: opacity 0.15s ease-in-out;
      -webkit-transition: opacity 0.15s ease-in-out;
      -o-transition: opacity 0.15s ease-in-out;
      transition: opacity 0.15s ease-in-out; 

}
div.spReasons[class*='spReason-']:hover {
      opacity: 1; 
}
ul.mainReasons {
        height:        7em;
}
ul.mainReasons, ul.mainReasons *{
        background:    rgb(203, 217, 239);
	font-weight:   bold;
}
div.subscribeReasons ul>li {
	width:         30%;
}

.subscribe {
 	margin:           .1em 2%;
}
.subscribe * {
        background: rgb(227, 237, 252);
}
div.subscribeReasons * {
        background: rgb(198, 212, 234);
}


.subscribe > p:not(.normal){
 	padding:        1em ;
	margin-bottom:  10px;
	font-size:      2.0em;
	color:          #333;
}
.subscribe > ul{
        clear:         both;
        float:         left;
	font-size:     1.25em;
	list-style:    none;
	padding:       0.7em 1.5em;
	width:         95%;

}
.subscribe  ul>li{
        float:         left;
	padding:       20px;
	text-align:    left;
	color:         #343;
	width:         17%;
	position:      relative;
}

.biggerOnHover:hover {
    font-size: 115%;
}


#logo:after {
        clear:         both;
}
.logo{

    width:  75px;
    height: 75px;
}


/* whichProducts radio buttons */
.whichProducts label.focused {
      background-color: #EEEEEE;
      font-style:       bold;
}



/* general-purpose */

.timelineNumber {
    width: 2em;
}
div.hidden, ul.hidden {
	display: none;
}

.someMargin {
    margin: 10px 0;
}
.allMargin {
    margin: 30px;
}
.allPadding {
    padding: 10px;
}

a.outlook {
    display: none;
}
.smaller, .smaller>li{
	font-size:     70%;
}

.notSoSmall, .notSoSmall>li{
	font-size:     85%;
}

.tinyText {
	font-size:     10px;
}

.bigText {
	font-size:     20px;
}

.nowrap {
    white-space:nowrap;
}

.unpaginate {
    display: none;
}

input[type="submit"] /* ,#currentSelection */{
 font-weight:   bold;
 border-radius: 5px;
 border:        1px groove #7A7A7A;
 background: -moz-linear-gradient(top, #186097 0%, #265A83 8%,#1F425D 62%, #2E4574 63%, #0C2131 100%);
 background: -webkit-gradient(linear, left top, left bottom,color-stop(0%,#186097 ),color-stop(8%,#265A83),color-stop(50%,#1F425D),color-stop(51%,#2E4574), color-stop(100%,#0C2131));
 background: -webkit-linear-gradient(top, #186097  0%,#265A83 8%,#1F425D 62%,#2E4574 63%,#0C2131 100%);
 background: -o-linear-gradient(top, #186097  0%,#265A83 8%,#1F425D 62%,#2E4574 63%,#0C2131 100%);
 background: -ms-linear-gradient(top, #186097  0%,#265A83 8%,#1F425D 62%,#2E4574 63%,#0C2131 100%);
 background: linear-gradient(to bottom, #186097 0%,#265A83 8%,#1F425D 62%,#2E4574 63%,#0C2131 100%);
 filter:     progid:DXImageTransform.Microsoft.gradient( startColorstr='#186097', endColorstr='#0C2131',GradientType=0 );
 color:      white;
 opacity:   .9 ;
}
input[type="submit"]:hover,#currentSelection:hover {
 border: 2px groove #7A7A7A;
}
input[type="submit"].partial-fade {
 border-top:    1px solid #CFF !important;
 border-right:  1px solid #CCF !important;
 border-left:   1px solid #CCF !important;
 border-bottom: 1px solid #6CF !important;
 -webkit-box-shadow: 0 08px 0px #0F97FF, inset 0 0 20px rgba(37, 141, 220, 1);
 -moz-box-shadow:    0 0 8px 0px #0F97FF, inset 0 0 20px rgba(37,141,220,1);
 box-shadow:         0 0 8px 0px #0F97FF, inset 0 0 20px rgba(37, 141, 220, 1);
}

input:not([type]),.pseudoInput {
    width: 80px;
}
input.search {
    width: 10em;
}
input.wide {
    width: 400px;
}

button.black {
 color:      black;
}

/* element-specific */
td>a{
    color: rgb(73, 70, 152);
}

#listingHeadings {
    background-color:  rgb(237, 241, 241);
}

.left {
    float: left;
}
.floatright {
    float: right;
}
.floatcenter {
    float: center;
}
.lefttext {
    text-align: left !important;
}

table.pagination {
    margin-top:          0.2em;
}
table.pagination td {
    padding:          0.2em;
}
table.pagination td.minWidth {
    min-width:        1em;
}
table.pagination  td.blue:hover,td.positionColumn span {
    color:     #c90000;
    cursor:    pointer;
}
table.pagination  td.blue {
    color: #0000A0;
}

#currentSelectionList {
    list-style:square url("../images/bullet.png");
}

#doHistory {
        margin-top:     10px;
 	border:         1px solid #333;
}

div.dev-join-wrapper {

margin-left:            5%;
margin-bottom:          5%;
margin-top:             5%;

}

.dev-join-wrapper {
    margin-bottom:      0.8em;
}

#currentSelection,#currentSelectionList {
    margin-left:        0.8em;
    margin-bottom:      0.4em;
}
#currentSelectionList li {
    text-align:         left;
    margin-left:        3em;
    font-size:          0.8em;
}

.table0, .tableRight {
        margin:              1em;
	background-color:    rgb(170, 190, 201);
}
.tableRight td,.tableRight th {
        text-align:           right;
        padding-left:         0.25em;
        padding-right:        0.25em;
}
.tableRight {
        margin:              1em;
	background-color:    rgb(170, 190, 201);
}
.table0 td,.table0 th {
        text-align:           left;
        padding-left:         0.25em;
        padding-right:        0.25em;
}
.table1 {
        margin:              1em;
	background-color:    rgb(188, 190, 201);
}
.table2 {
        margin:              1em;
	background-color:    rgb(206, 210, 230);
}
.table3,.table4 {
        margin:              1em;
	background-color:    rgb(206, 210, 230);
}
th.IdColumn {
    min-width:  0.6em; 
}
fieldset.numberSet {
	border-top:    3px solid #455161;
	border-bottom: 3px solid #455161;
        margin:              1em;

}

fieldset.search {
  padding: 0.1em;
  }
legend.search {
  font-weight:     bold;
  }

td.stalePrice { 
    opacity: 0.5;
    color:   rgb(244, 20, 110);
}

#pgen_Analyze {
    border: none;
}

//
// changes for new productEntry
//

h1.new-product {
	border-bottom: 1px solid rgba(34,36,38,.15);
	font-size: 2em;
	margin: 0.5em 10em 0.8em 0em;
	padding: 0.2em 0;
}

h2.new-product {
	border-top: 1px solid rgba(34,36,38,.15);
	font-size: 1.5em;
	margin: 1em 300px 0.8em 0em;
	padding-top: 0.9em;
}

h3.new-product {
	/*border-top: 1px solid rgba(34,36,38,.15);*/
	font-size: 1.2em;
	margin: 0em 300px 0.8em 0em;
	padding-top: 0.9em;
}

.ui.form p.new-product {
	margin-top: 0em;
	text-indent: 3px;
}
.ui.checkbox label {
	margin: 0em 0.9em 0em 0em  !important;
}
.inline.fields label {
    margin: 0 1em  !important;
}

.myform {
	font-size: 1.1em;
	position: relative;
}

.fields {
	margin: 0em 0em 0.9em 0em;
}

.field {
	margin: 0em 0em 0.9em 0em;
}

.ui.form label {
	color: rgba(0, 0, 0, 0.87);
	display: block;
	margin: 0em 0em 0.3em 0em;
	padding-left: 3px;
	text-transform: none;
}

select {
	display: block;
}


.checkbox > label {
	font-weight: 700;
}


/*
* iprdropdown
*/
.introdetail {
    margin:   2em;
}
.iprdropdown {
    position: relative;
    display:  inline-block;
    margin:   2em;
}

.iprdropdown_content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}

.iprdropdown:hover .iprdropdown_content {
    display: block; 
}




/* Overrides */
/* General spacing */
.ui.form .inline.fields,.ui.form .inline.fields .field,.ui.form .fields {
	margin:   0em;
	padding:  0em;
}

.ui.form .inline.fields:last-of-type,.ui.form .fields:last-of-type {
	margin: 0em 0em 0.5em;
}


/* Barrier type toggle */
.ui.toggle.checkbox .box:before, .ui.toggle.checkbox label:before,
.ui.toggle.checkbox .box:after, .ui.toggle.checkbox label:after {
	margin-left: 0.2em;
}

/* Inline fields */
.ui.form .inline.fields input {
	background-color: rgba(247, 245, 239, 1);
	border: none;
	border-bottom: 1px solid rgba(34,36,38,.15);
	border-radius: 0px;
	font-size: .92857143em;
	padding: 0.2em 0em 0.1em 0em;
	text-align: center;
}

.ui.form .inline.fields .field {
	padding-right: 3px;
}

.ui.form .inline.fields .field input {
	font-size: .92857143em;
	width: 2em;
}

.ui.form .inline.fields>label {
	margin-right: 3px;
}

/* Inline dropdown */
.ui.form .inline.fields .dropdown {
	background-color: rgba(247, 245, 239, 1);
	border: none;
	border-bottom: 1px solid rgba(34,36,38,.15);
	border-radius: 0px;
	box-shadow: none;
	font-size: .92857143em;
	padding: 0.95em 4em 0.65em 0.5em;
}

.ui.form .inline.fields .menu {
	background-color: rgba(247, 245, 239, 1);
	border: 1px solid rgba(34,36,38,.15);
}

.ui.form .inline.fields .menu .item {
	border-top: 1px solid rgba(34,36,38,.15);
	font-size: .92857143em;
}

.ui.form .inline.fields .icon {
	background: none;
	border: none;
	margin-right: -4.5em;
}
.field,ui.dropdown,ui.multiple.dropdown,.inline.fields.search {
    margin:     0 !important;
    font-size: 80% !important;
}

/* Table */
.ui[class*="very basic"].table .field {
	width: 6em;
}
.ui[class*="very basic"].table .wide.field {
	width: 12em;
}

.ui[class*="definition"].table th,
.ui[class*="definition"].table td, {
	min-width: 3em;
}
.vcenter {
    vertical-align: middle !important;
}

.nomargin {
    margin: 0 !important;
}

button.rfqCommitQuote{
    padding: 0.25em !important;
}

.autoWidth {
    width: auto !important;
}


// new Home page
.containerBox {
    position: relative;
    display: inline-block;
}
.text-box {
    position: absolute;    
    height: 100%;
    text-align: center;    
    width: 100%;
}
.text-box:before {
   content: '';
   display: inline-block;
   height: 100%;
   vertical-align: middle;
}
h4.homepage {
    display: inline-block;
    font-size: 1.5em;
    color: #000;   
}
img.img-responsive {
  opacity: 0.4 !important;
  filter: alpha(opacity=40); 
  display: block;
  max-width: 100%;
  height: auto;
}
img.img-responsive.small {
  opacity: 0.4 !important;
  filter: alpha(opacity=40); 
  display: block;
  width:  20%;
  height: 20%;
}


h2.homepage,.theColumn {
    width:    100%;
    background-color:   #f7f5ff;
}
h3.searchTitle {
    background-color:   #EEE;
}



/* dialog box */
#dialogoverlay {
    display:    none;
    opacity:    0.8;
    position:   fixed;
    top:        0px;
    left:       0px;
    background: #FFF;
    width:      100%;
    z-index:    10;
}
#dialogbox {
    display:    none;
    position:   fixed;
    background: #000;
    width:      550px;
    z-index:    10;
}
#dialogbox > div {
    background: #FFF;
    margin:     8px;
}
#dialogbox > div > #dialoghead{
    background: #666;
    font-size:  19px;
    padding:    10px;
    color:      #CCC;
}
#dialogbox > div > #dialogbody{
    background: #333;
    padding:    20px;
    color:      #FFF;
}
#dialogbox > div > #dialogfoot{
    background: #666;
    padding:    10px;
    color:      #444;
    text-align: right;
}
/* causes chosen names to overlap ... DOME some other time
div.pgenMultiInsSelect a{
    white-space:nowrap !important; 
}
*/