/* Import child Supported 3DCC style sheets
----------------------------------------------------------*/

@import url('reset.css');
@import url('ds-skeleton.css');
@import url('ds-forms.css');
@import url('ds-menus.css');
@import url('ds-fonts.css');
@import url('ds-Control-Skeleton.css');
@import url('UIKIT/UIMessage.css');
/* Import fonts (Optional... I tend to use system fonts)
----------------------------------------------------------*/
/*@import url(http://fonts.googleapis.com/css?family=Arial);*/

/* DEFAULTS
----------------------------------------------------------*/

/*Please note:
Because of the "marriage" between the older and newer pages, 
there will be global styles that have different effects on 
elements until we bring all pages to a 100% look and feel
from the new design. Due to this, #newPageSections will act
as the new page body guard of sorts in terms of ensuring 
the older page styles still live like they did, but also 
allowing the new pages to live along side them. In other words,
use #newPageSections to identify new page styles. Also, 
the older styles have priority. Old styles must always 
been honored, first. 

Take this test case:

h1....

old style gets to keep it:
h1{height:22px;};

oh, but the new pages needs it too, except they are blue and smaller
#newPageSections h1{height:14px; color:blue;};


*/

body   
{
    background: #fff;
    font-size: 12px;
    font-family: "Arial", sans-serif, Helvetica, "Lucida Grande", "Segoe UI";
    color: #97999B;
}
/*this MUST be set after the global body element selector*/
#newPageSections
{
    background: #fff;
    font-size: 16px;
    font-family: "Arial", sans-serif, Helvetica, "Lucida Grande", "Segoe UI";
    color: #97999B;
}

html, body
{
    height: 100%;
    width: auto;
    margin: 0px;
    padding: 0px;
}

/*
this was brought over from base1.css on 12/11/14
Must still test the results of the rule. Not
sure if we should honor it.
*/
img
{
    vertical-align: middle;
    border: 0;
}

/*this was brought over from base1.css, but we may drop it
because reset.css will do this by default. */
tbody
{
    margin: 0;
    padding: 0;
}

ul.checklist {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

ul.checklist li {
    background-image: url(../images/temp/ds-select-ul.png);
    background-repeat: no-repeat;
    background-position: 0px 5px; 
    padding-left: 14px; 
    line-height:20px;
    margin-bottom:7px;
}
ul .decimal
{
    list-style-type: decimal;
    padding: 10px 0px 10px 20px;
}
.checklist .decimal li
{
    background-image: none;
}

/* HEADINGS   
----------------------------------------------------------*/

/*New styles to better configure base1.css*/

h1,h2,h3,h4,h5,h6
{

    font-family:"3ds", Arial, "sans serif";
    text-transform: none;
    font-size: 1.5em;
    
}

/*headings come from base1.css */
h1
{
    /* original ----
    text-align: left;
	font-size: 1.1em;
	line-height: 2;
	color: #555;
    -------------- */
    
    /*new to better fix new design */
    color: #005686;
}

h2
{
    /*original ----
    text-align: left;
	font-size: 1.1em;
	line-height: 2;
	color: #555;
    -------------- */
    
    /* new to better fix new design */
    text-align: left;
    color: #005686;
         
}
h3, h3 span
{
    /*original ----    
    text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 2;
	color: #555;
    -------------- */
    
    /* new to better fix new design */    
    text-align: left;
	font-weight: bold;
    color:#2f4960;
}
h4, h4 span
{
 
    /*original ----      
    text-align: left;
	font-size: 1.35em;
	color: #000000;
	vertical-align: middle;
    -------------- */

    /* new to better fix new design */ 
    text-align: left;
	font-size: 1.35em;
    color:#2f4960;
	vertical-align: middle;       
        
}

#newPageSections h1, #newPageSections h2, #newPageSections h3, #newPageSections h4, #newPageSections h5, #newPageSections h6
{
    font-family:"3ds", Arial, "sans serif";
    text-transform: none;
    margin: 8px 0px 22px 0px;
}

#newPageSections h1
{
    font-size: 1.5em;
    line-height:1.5em;
    color: #2f4960;
}

#newPageSections h2
{
    font-size: 1.45em;
    line-height:1.45em;
    color: #005683;
    font-weight:500;
   
}

#newPageSections h2.homeTitles
{
    font-family:"3ds Light", Arial, "sans serif";
    clear:both;
    font-size: 1.45em;
    line-height:1.45em;
    color: #2f4960;
    margin: 24px 0px;
    padding:0px;
   
}

#newPageSections h3
{
    font-family:"3ds",Arial, "sans serif";
    font-size: 1.4em;
    line-height: 1.222em;
    font-weight:300;
    color:#2f4960;
    margin: 4px 0px 2px 0px;
}

#newPageSections h4
{
    font-family:"3ds Light",Arial, "sans serif";
    font-size: 1.095em;
    line-height: 1.111em;
    font-weight:400;
    color:#2f4960;
    margin: 0px 0px 10px 0px;
}

#newPageSections h5, #newPageSections h6
{
    font-family: Arial, "sans serif";
    font-size: .9850em;
    line-height: 1.1em;
    font-weight:normal;
    color:#2f4960;
}


header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
    width:132px;
    height:45px;
}

a:link
{
    color: #004b7a;
    font-size:11px;
}

a:visited
{
    color: #004b7a;
    font-size:11px;
}

a:hover
{
    color: #1386bf;
    text-decoration: none;
    font-size:11px;
}
a:active
{
    color: #1386bf;
     font-size:11px;
}


#newPageSections a:link
{
    color: #004b7a;
    font-size:14px;
}

#newPageSections a:visited
{
    color: #004b7a;
    font-size:14px;
}

#newPageSections a:hover
{
    color: #1386bf;
    text-decoration: none;
    font-size:14px;
}

#newPageSections a:active
{
    color: #1386bf;
     font-size:14px;
}

p
{
    margin: 10px 0px 10px 0px;
    color:#808184;
}

hr
{
    border: 1px solid #d1d5d7;
}

.tabSeperator hr, .tabsBottomBorder hr
{
    border: 1px solid #d1d5d7;
}

.clear {
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
}

iframe 
{
	border: 0px;
}

/* Font Size   
----------------------------------------------------------*/

.ds-font_11
{
    font-size: 11px;
}
.ds-font_12
{
    font-size: 12px;
}
.ds-font_13 {
    font-size: 13px;
}
 .ds-font_16
{
    font-size: 16px;
}
.ds-font_15
{
    font-size: 15px;
}

.ds-bold
{
    font-weight:bold;
}

.ds-bolder
{
    font-weight:bolder;
}
.ds-font-italic
{
    font-style: italic;
}

/* Colors and bolds
--------1-------------------------------- */

.dsRed
{
    color: Red;
}

.dsGray26
{
    color: #424242;
}

.dsBold
{
    font-weight:bold;
}

.dsOrange
{
    color: #ff7e00;
}
/* Default Borders   
----------------------------------------------------------*/

.ds-default-border
{
    border: 1px solid #d1d5d7;
}

.ds-default-border-no-bottom
{
    border:1px solid #d1d5d7; border-bottom: 0px
}

.ds-default-border-no-top
{
    border:1px solid #d1d5d7; border-top: 0px
}
/* THE REST OF THE BASE1.CSS STYLE RULES------------------
----------------------------------------------------------*/

.inline
{
display: inline !important;
}
div.itemListObj2
{
	background-color: transparent;
	clear:both;
	display: block;
	overflow: hidden;
	/*padding-bottom:2px;*/
}
div.itemListObj2 div.dcontS div.dcont,
div.itemListObj2 div.dcontU div.dcont,
div.itemListObj2 div.dcontN div.dcont
{
	overflow: hidden;
	margin:8px 0;
	clear:both;
	height:100%;
}
div.itemListObj2 div.dcontS div.dhead
{
	display: block;
	height:20px;
	background-color:#eef3f9;
	border-top:4px solid #e4e7e9;
}
div.itemListObj2 div.dcontU div.dhead
{
	display: block;
	height:20px;
	background-color:#F1F1F1;
	border-top:4px solid #d3d3d3;
}
div.itemListObj2 div.dcontN div.dhead
{
	display: block;
	height:1px;
	background-color:#F1F1F1;
	border-top:4px solid #d3d3d3;
}
div.itemListObj2 div.hsep
{
	font-size:1px;
	height:1px;
	margin:6px 0px 6px 0px;
}
div.itemListObj2 div.dcontS div.hsep
{
	border-top:1px solid #e4e7e9;
}
div.itemListObj2 div.dcontU div.hsep
{
	border-top:1px solid #d3d3d3;
}
div.itemListObj2 div.dcontN div.hsep
{
	border-top:1px solid #d3d3d3;
}
div.itemListObj2 div.dcontS div.dcont
{
	background:transparent url('../images/color_b2d4fa.gif') 150px top repeat-y;
}
div.itemListObj2 div.dcontU div.dcont
{
	background:transparent url('../images/color_d3d3d3.gif') 150px top repeat-y;
}
div.itemListObj2 div.dcontN div.dcont
{
	background:transparent url('../images/color_d3d3d3.gif') 150px top repeat-y;
}

div.itemListObj2 div.PremiumSupp
{
	text-align:left;
	font-size:9px;
}
div.itemListObj2 .red
{
	font-weight:bold;
}

div.itemListObj2 a:link,
div.itemListObj2 a:visited,
div.itemListObj2 a:hover,
div.itemListObj2 a:active

{
	text-decoration:none;
	color:#628dbd;
}

div.itemListObj2 .dcol2 a.linkType2:link,
div.itemListObj2 .dcol2 a.linkType2:visited,
div.itemListObj2 .dcol2 a.linkType2:hover,
div.itemListObj2 .dcol2 a.linkType2:active
{ 
  font-weight:normal;
  text-decoration:none;
  color:#628dbd;
}

div.itemListObj2 div.pair
{
	padding-bottom:5px;
	clear:both;
}
div.itemListObj2 div.dcol1
{
	padding-top:0px;
	padding-left:5px;
	margin-right:5px;
	display: block;
	float:left;
	width:145px;
	overflow: hidden;
}

div.itemListObj2 div.dcol1 div.dthumb img.thumbnailUser,
div.itemListObj2 div.dcol1 div.dthumb img.thumbnailModel,
div.itemListObj2 div.dcol1 div.dthumb img.thumbnailDefault
{
	border:0 none;
	display:inline;
	height:auto;
	width:auto;
	margin:30px 0 0 0;
	padding:0;
	vertical-align:middle;
	height:65px;
	width:65px;
}
div.itemListObj2 div.dcol1 div.dthumb img.thumbnailModel
{
	margin:0;
	height:124px;
	width:124px;
}
div.itemListObj2 div.dcol1 div.dthumb img.thumbnailUser
{
	margin:30px 0 0 0;
	height:65px;
	width:65px;
}
div.itemListObj2 div.dcol1 div.dthumb
{
	width:140px;
	min-height:127px;
	background:transparent url(../images/temp_img_thumg.jpg) no-repeat scroll center center;
	text-align:center;
}

div.itemListObj2 div.dcol1 span,
div.itemListObj2 div.dcol1 a
{
	font-weight:bold;
}
div.itemListObj2 div.dcol2
{
	padding-left:5px;
	display: block;
	float:left;
	width:357px;
	overflow: hidden;
}
div.itemListObj2 div.dcol2 div.capt
{
	font-weight:normal;
	display: block;
	float:left;
	width:100px;
	overflow: hidden;
	text-align:left;
}
div.itemListObj2 div.dcol2 div.text
{
	margin-left:100px;
	padding-left:5px;
}
div.itemListObj2 div.dcol3
{
	padding-left:5px;
	display: block;
	float:right;
	width:190px;
	overflow: hidden;
}
div.itemListObj2 div.dcol3 img.raiting
{
/*width:60px;*/
}
div.itemListObj2 div.dcol3 div.capt
{
	font-weight:normal;
	display: block;
	float:left;
	width:90px;
	overflow: hidden;
	text-align:right;
}
div.itemListObj2 div.dcol3 div.text
{
	margin-left:90px;
	padding-left:5px;
}

/* Tags */

.SSSAccountMenu
{
    float:left; 
    width:200px; 
    padding-top:20px;
}
.SSSAccountContain
{
	float:left; 
	width:770px;
    padding-top:0px;
}

a.listItemTitle:link, a.listItemTitle:visited
{
	display: block;
	padding-left: 10px;
	font-size: 1.1em;
	font-weight: bold;
	color: #2E3480;
	line-height: 2;
	text-decoration: underline;
	background-color: #EAF1FB;
}
a.tabActive:link, a.tabActive:visited
{
	background-color: #d0e4fd;
	border: 1px solid #B2D5F9;
	padding: 7px 10px;
	line-height: 1.75;
	vertical-align: middle;
	font-weight: bold;
	color: #2D337F;
	text-decoration: none;
}
a.tab:link, a.tab:visited
{
	background-color: #F1F1F1;
	border: 1px solid #E4E2E1;
	padding: 7px 10px;
	line-height: 1.75;
	vertical-align: middle;
	font-weight: bold;
	color: #555;
	text-decoration: none;
}
a.tag:link, a.tag:visited
{
	background-color: #d0e4fd;
	padding: 2px 2px;
	color: #2D337F;
	text-decoration: none;
	margin-right: 2px;
}
/*td a:link, td a:visited, p a:link, p a:visited
{
    color: #2d337f;
	text-decoration: underline;
}*/
div.browseby .title
{
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	color: 	#2D337F;
	margin: 0;
	padding-bottom: 4px;
}
div#commentOverflowDlg
{
	text-align:left;	
}
div#contactUserDlg
{
	height: 400px;
}
div#contactUserDlg .bd
{
	overflow:hidden;
	padding:10px;
	height:355px; 
	text-align:left; 
	background-color:#f5f5f5; 
	border:solid 3px #D4E6FC	
}

div#tabFeaturedCategories .left, div#recentlyAdded .left
{
	margin-left: 8px;
}

div.errMsgNew
{
    background-color: #FFF3E9;
   	border: 1px solid #FF7900;
   	padding: 10px;
   	color: #FF7900;	
   	display:none;
   	margin-top:25px;
   	width: auto;
   	 border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0,0, .3);
    box-shadow: 0 1px 1px rgba(0,0,0,.3);
   /*	width:527px;
   	margin-left:253px;*/
}

div.errMsg
{
    background-color: #FDF7D7;
   	border: 1px solid #E2B456;
   	padding: 10px;
   	color: #E2B456;	
   	 border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0,0, .3);
    box-shadow: 0 1px 1px rgba(0,0,0,.3);
}
div.msgNornal
{
    margin:10px auto;
    width: 800px;
    background-color: #edf6eb;
   	border: 1px solid #6ebd45;
   	padding: 10px;
   	color: #6ebd45;	
   	 border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0,0, .3);
    box-shadow: 0 1px 1px rgba(0,0,0,.3);
}
div.msgNornal a:link, div.msgNornal a:visited
{
	color: #56890A;
}
div.msgWarning
{
    margin:10px auto;
    width: 800px;
   	padding: 10px;
   	color: #ff7900;	
    border: 1px solid #ff7900;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0,0, .3);
    box-shadow: 0 1px 1px rgba(0,0,0,.3);
    background-color: #fff3e9;
}
div.msgWarning a:link, div.msgWarning a:visited
{
	color: #C18724;
}
div.msgAlert
{
    margin:10px auto auto;
    width: 800px;
    background-color: #F6EEEE;
   	border: 1px solid #7F0000;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0,0, .3);
    box-shadow: 0 1px 1px rgba(0,0,0,.3);
   	padding: 10px;
   	color: #7F0000;	
}
div.msgAlert a:link, div.msgAlert a:visited
{
	color: #7F0000;
}

div.msgInfo
{
    margin:10px auto;
    width: 800px;
    background-color: #f2f5f7;
   	border: 1px solid #42a2da;
   	padding: 10px;
   	color: #42a2da;	
   	border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0,0, .3);
    box-shadow: 0 1px 1px rgba(0,0,0,.3);
}

div.alert-Info
{
    padding: 5px;
    background-color: #f2f5f7;
    border: 1px solid #42a2da;
    color: #42a2da;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0,0, .3);
    box-shadow: 0 1px 1px rgba(0,0,0,.3);
}
div.alert-Success
{
    padding: 5px;
    border: 1px solid #6ebd45;
    color: #6ebd45;
    background-color: #edf6eb;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0,0, .3);
    box-shadow: 0 1px 1px rgba(0,0,0,.3);
}

div.alert-error
{
    padding: 5px;
    background-color: #FFF0EE;
    border: 1px solid #EA4F37;
    color: #EA4F37;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0,0, .3);
    box-shadow: 0 1px 1px rgba(0,0,0,.3);
}

div.alert-Warning
{
    padding: 5px;
   	color: #ff7900;	
    border: 1px solid #ff7900;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0,0, .3);
    box-shadow: 0 1px 1px rgba(0,0,0,.3);
    background-color: #fff3e9;
}
       
div.include table td
{
	vertical-align:top;
    padding-right: 15px;
    text-align: justify;
}

div.include h2
{
	color: #2E3480;
}
div.include a:link, div.include a:visited, .msg a:link, .msg a:visited
{
	color: #2D337F;
}
div.itemListObj
{
	display: block;
	padding-bottom: 5px;
	overflow: hidden;
}
div.popularContent .sectionL
{
	border: 1px solid #d1d5d7;
    padding: 8px;
    position: relative;
}
div#joinNow
{
	width: 100%;
	margin-top: 8px;
	height: 20px;
}
div#joinNow a:link, div#joinNow a:visited
{
	background-color: #e3e3e3;
	display: block;
	padding: 4px 6px;
	text-decoration:none;
	color: #555;
	font-weight: bold;
}
div#joinNow a:hover
{
	text-decoration:underline;
}
div#joinNow img
{
	border: 0;
}
div#leftCol
{
	width: 300px;
	float: left;
	text-align: justify;
}
div#leftMain
{
    float: left;
    display:inline;
    /* width: 718px; /* 1000 - padding l\r - margin l\r - 2px for borders*/
    width: 700px;
    margin-right: 5px;
    overflow: hidden;
}
div#main
{
    float: right;
    display:inline;
    width: 710px;
    /* width: 720px; /* 1000 - padding l\r - margin l\r */
    /* padding-left: 5px;
    margin-left: 12px; */
}
div#main p
{
    margin-top: 2px;
    margin-bottom: 2px;
}
div#mainMenu
{
	background: transparent url('../images/menubg.png') repeat-x top left;
	color: #2D3380;
	border: 1px solid #d1d5d7;
	border-bottom: 0px;
	height: 30px;
}
div#mainMenu div.innerBorder
{
	border: 1px solid #fff;
	border-bottom: 0px;
	height: 28px;
	padding-left: 25px;
}
div#mainMenu a, div#mainMenu a:visited
{
	float: left;
	font-size: 1.2em;
	text-decoration: none;
	color: #2E3480;
	height: 28px;
	line-height: 2em;
}
div#mainMenu a.selected, div#mainMenu a:hover
{
	background: transparent url('../images/icon_menuItemSelected.gif') no-repeat center center;
}
/* menu spacers */
div#mainMenu div.left
{
	margin: 0px 10px;
	margin-top: 2px;
	color: #81addc;
	line-height: 2em;
}
div#mainMenuLinks_Right div.right
{
    color: #81addc;
    line-height: 2em;
    margin:2px 10px;
}
div.mainMenuLower
{
	background: transparent url('../images/submenu-background.jpg') repeat-x top left; 
	color: #545454;
	border: 1px solid #DAE5EF;
	border-top: 0px;
}
div.mainMenuLower div.innerBorder
{
	border: 1px solid #fff;
	border-top: 0px;
}
div#mainNavigation
{
	clear: both;
	width: 100%;
	padding-top: 5px;
	position: relative;
}
div#mainMenuLinks_Right
{
    margin-right: 10px;    
}
div#mainMenuLinks_Right a:link, div#mainMenuLinks_Right a:visited
{
    float: right;
	color:#2E3480;
	font-size:1.2em;
	height:28px;
	line-height:2em;
	text-decoration:none;
}
div.sectionHeaderLinks
{
    display: block;
    list-style-type: none;
    text-align: center;
    vertical-align: middle;
    /*
    background-color: #f5f5f5;
    padding: 6px;
    text-align: right;
    vertical-align: middle;
    display:block; */
}
div#SSSLink img
{
	float:right;
	margin-left:5px;
	margin-top:5px;
	vertical-align:middle;
}
div#SSSNewIndicator
{
	margin-top: 5px;
	background: #fff385 url('../images/icon_newBackground.gif') no-repeat center right;
	border-top: 1px solid #e8c10e;
	border-bottom: 1px solid #e8c10e;
	border-right: 1px solid #e8c10e;
	color: #7c511a;
	font-size: smaller;
	padding: 2px 4px;
	float:right;
}
div#requestAlert
{
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	background:#d45757 none repeat scroll 0%;
	color:#fff;
	text-align:center;
	padding: 5px;
	width: 750px;
	margin-right: 120px;
	float:right;
}
div#requestAlert a:link, div#requestAlert a:visited
{
	text-decoration: none;
	color:#d45757;
	font-weight: 600;
}
span#requestAlertMessage
{
	color: #fff;
	font: 600 11px Tahoma;
}
div#pagingControls,
div#pagingControlsClone
{
	text-align: right;
	padding: 0px;
}
div#pagingControls .linkType3,
div#pagingControlsClone .linkType3
{
	font-weight: bold;
}
.paramDD
{
	width: 200px;
}
div.paramLabel
{
	display:block
}
.paramValueCtl
{
	white-space: nowrap;
	width: 235px;
}
div#rightCol
{
	padding-right: 0px;
	width: 300px;
	float: right;
	text-align: justify;
	vertical-align: top;
}
div.ruleValue
{
	display: block;
	margin-bottom: 6px;
}
.ruleValue select, .ruleValue input, .optionsGroup select, .optionsGroug input
{
	font: 11px Tahoma;
}
div#searchcontainer
{
	margin-top: 15px;
	color: #2e3585;
	float: right;
	width: 575px;
}

div#supplierMatches
{
	display: none;
	overflow: auto;
	position: absolute; 
	z-index: 901;
	background-color: #fff;
	border: 1px solid #79714a;
	height: 125px;
	width: 225px;
	padding: 5px;
	margin-top: 72px;
	right: 195px;
}
div#searchResults
{
	display: none;
	overflow: auto;
	position: absolute; 
	z-index: 901;
	background-color: #fff;
	border: 1px solid #79714a;
	height: 92px;
	width: 330px;
	padding: 5px;
	margin-top: 2px;
	left: 4px;
}

div#searchHomeResults
{
	display: none;
	overflow: auto;
	position: absolute; 
	z-index: 901;
	background-color: #fff;
	border: 1px solid #79714a;
	height: 92px;
	width: 470px;
	padding: 5px;
	margin-top: 3px;
	right: 50px;
	top:43px;
}
.spotlight, div#topDownload, .boxType1
{
	position: relative;
	padding: 8px;
	background-color: #f1f1f1;
	border: 1px solid #e3e3e3;
	text-align: left;
}
.spotlight h3, div#topDownload h3, .boxType1 h3
{
	text-align: left;
	font-size: 1.1em;
	color: #555;
	margin: 0;
}
.spotlight img, .contentGraphic_sm
{
    float:left;
    margin: 0px 10px 8px 0px;
    position: relative;
}
.spotlight span, div#topDownload span, div.topContributor span
{
    color: #656565;
}

div.subMenu
{
	padding-left: 25px;
	padding-top: 4px;
	vertical-align: middle;
	height: 22px;
}
div.subMenuEmpty
{
	height: 0px;
	font-size: .1em;
}
div.subMenuRight
{
	padding-right: 10px;
	padding-top: 4px;
	vertical-align: middle;
	height: 22px;
	position: relative;
	float: right;
}
div.subMenu a, div.subMenu a:visited,
div.subMenuRight a, div.subMenuRight a:visited
{
	float: left;
	font-size: 1em;
	line-height: 1.5em;
	text-decoration: none;
	color: #545454;
}
div.subMenu a:hover, 
div.subMenuRight a:hover
{
	text-decoration: underline;
	color: #628DC0;
}
div.subMenu a.selected, div.subMenu a.selected:visited,
div.subMenuRight a.selected, div.subMenuRight a.selected:visited
{
	color: #628DC0;
}
/* submenu spacers */
div.subMenu div.left,
div.subMenuRight div.left

{
	margin: 0px 10px;
	margin-top: 2px;
	color: #ccc;
}
div.tooltip
{
	border: 1px solid #79714a; 
	padding: 2px;
	z-index: 101;  
	overflow: auto; 
	position: absolute; 
	height: 125px; 
	background-color: #ffffe1; 
	color: #000000;
	text-align: left;
	width: 200px;
}
div.tabContent
{
    position: relative;
    border-top: 2px solid #97999b;
    margin: 0;
    padding-bottom:6px;
}
div.tabContentEmpty
{
    position: relative;
    border-top: 2px solid #97999b;
    height: 80px;
    margin: 0;
}
div.tabFavContent
{
    position: relative;
    /* border-top: 2px solid #d1d5d7; */
    margin: 0;
}
div.tabGalContent
{
    position: relative;
    border-top: 2px solid #97999b;
    margin: 0;
}
div.tabDownloadsViewsContent
{
    position: relative;
    border-top: 2px solid #97999b;
    margin: 0;

}
div.tabHeaderLinks
{
	padding: 6px;
	background-color: #fff;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
}
/*#628dc0*/
div#topContributors, div.browseby, div.boxType3
{
	border: 1px solid #d0e4fc;
    background-color: #f5f5f5;
    /* margin-right : 10px; */
    position: relative;
    padding: 8px ;
    margin-top: 5px; /* 10px; */
}
div.browseby 
{ 
    position: static; 
}
div.boxType2
{
	border: 1px solid #d0e4fc;
    background-color: #f0f0f0;
    position: relative;
    padding: 8px;
    margin: 10px 0px 0 0;
}
/* yellow background */
div.boxType4
{
	background: #fdf7d6 url( '/images/background_supplierServices.gif' ) no-repeat center center;
    border: 1px solid #e4b356;
    padding: 10px;
    margin: 10px 0px 0 0;   
}
div.boxType5
{
	background-color: #eff6fe;
    border: 4px solid #d1d5d7;
    padding: 10px;
    margin: 10px 0px 0 0;   
}
div#topContributors h3
{
	text-align: left;
	font-size: 1.1em;
	color: #2e3480;
	margin: 0;
}
div.topContributor
{
    clear: left;
    margin-top: 25px;
}
div.topContributor img
{
    clear: left;
    float:left;
    margin-right: 10px;
    position: relative;
}
div#topmenu
{
	padding: 5px 15px;
	line-height:1.5;
	background-color: #f1f1f1;
	border-bottom: 1px solid #e3e3e3;
	width: 970px;
	position: relative;
	text-align: right;
}
div#whatsNew p
{
	padding: 0px;
	margin: 0px;	
}

iframe#InappropriateCmtsFrame
{
	width: 500px;
	height: 480px;
}
img.contentGraphic_sm
{
	width: 26px;
}
img.contentThumbnail, img.thumbnailModel
{
	width: 80px;
	height: 80px;
	display: block;
	margin: 0px 10px;
	padding: 5px;
	border: 0px;
	background: transparent url('../images/temp_img_thumg.jpg') no-repeat center center;
	filter:expression(applyAlphaFilter(this))
}
img.imgThumb
{
	width: 50px;
	height: 50px;
	line-height: 0;
	display: block;
	margin: 4px 4px 0 0;
	background: transparent url('../images/temp_img_thumg.jpg') no-repeat center center;
	filter:expression(applyAlphaFilter(this))
}


img.thumbnailUser
{
	height: 80px;
	display: block;
	margin: 0px 10px;
	padding: 5px;
	border: 0px;
	background: transparent url('../images/temp_img_thumg.jpg') no-repeat center center;
}
img.userThumbnail
{
	width: 70px;
	height: 80px;
	border: 1px solid #9e9e9e;
}

div#searchcontainer select
{
	height: 20px;
	font: 11px tahoma,arial,sans-serif;
}
ul.ul1
{
	list-style-image: url('../images/icon_sm_blue_arrow.gif');
	line-height: 1.5em;
}
pre, .forceWrap
{
	white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
	white-space: -pre-wrap; /* Opera 4 - 6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
	word-wrap: break-word; /* IE 5.5+ */
}
table.modelThumb
{
	max-width: 715px;	
}

table#tblFeaturedMacros a:link, table#tblFeaturedMacros a:visited
{
	display: block;
}
table#tblFeaturedMacros td
{
	line-height: 1.75;
}
table#tblFeaturedSuppliers td
{
	line-height: 1.5;
}

table#tblModelsListProps td.col1
{
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
	font-weight: bold;
}
table#tblModelsListProps td.col2
{
	text-align: left;
	vertical-align: top;
}
td.item
{
	text-align: center;
}

ul.blTabs a:link, ul.blTabs a:visited
{
	padding: 4px 10px;
	line-height: 1.5;
}
/* Classes */
.boxType2
{
	position: relative;
	padding: 8px;
	background-color: #ffffff;
	border: 1px solid #e3e3e3;
	text-align: left;
}
.clearLeft
{
    font-size: 0em;
    clear: left;
}
.clearRight
{
    font-size: 0em;
    clear: right;
}
.contentTitle, a.contentTitle:link, a.contentTitle:visited
{
	font-size: 1.1em;
	font-weight: bold;
	color: #af1819;
	text-decoration: none;
}
.dashedBottomBorder
{
	border-bottom: 1px dashed #ccc;
}
.displayNone
{
	display: none;
}
.display {
    display: inherit;
}
.float_bottomRight
{
    background-color: #d0e4fd;
    padding: 5px 8px;
    right: -8px;
    bottom: -8px;
    float: right;
    position: relative;
}
.float_bottomRight_transparent
{
    background-color: Transparent;
    padding: 5px 8px;
    right: -8px;
    bottom: -8px;
    float: right;
    position: relative;
}
.float_bottomRight_darkGray
{
    background-color: #e7e3e7;
    padding: 5px 8px;
    right: -8px;
    bottom: -8px;
    float: right;
    position: relative;
}

.imgBorder
{
	border: 1px solid #9e9e9e;
}
.linkType1:link, .linkType1:visited
{
    color: #628dc0;
	text-decoration: underline;
	font-weight: normal;
	text-align: left;
}
.linkType2:link, .linkType2:visited
{
    color: #2e3480;
	text-decoration: underline;
	font-weight: normal;
	text-align: left;
	
}
.linkType3:link, .linkType3:visited, .spanLink1
{
    color: #2d337f;
	text-decoration: underline;
	font-weight: normal;
	text-align: left;

}
.linkType4:link, .linkType4:visited
{
    color: #545454;
	text-decoration: none;
	font-weight: normal;
}
a.linkType4:hover, a.linkType5:hover
{
	text-decoration: underline;
}
.linkType5:link, .linkType5:visited
{
    color: #628dc0;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
}
.linkType6:link, .linkType6:visited
{
    color: #545454;
	text-decoration: underline;
	font-weight: normal;
	text-align: left;
}
.linkType7:link, .linkType7:visited
{
    color: #2E3480;
	text-decoration: underline;
	font-weight: bold;
	text-align: left;
}
.linkType8:link, .linkType8:visited
{
    color: #545454;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
}
.linkType9:link, .linkType9:visited
{
    color: darkred;
	text-decoration: underline;
	font-weight: normal;
	text-align: left;
}
.linkTypeBlock, .linkBlock:visited
{
	border: 1px solid #fff;
	text-decoration: none;
	text-align: center;
	display: block;
	color: #545454;
}
.LoginTextBox
{
    width: 225px;
    border: 1px solid #618fc3;
    margin-top: 5px;
}
a.linkTypeBlock:hover
{
	border: 1px solid #d1d5d7;
}
.nowrap
{
	white-space: nowrap;
}
.ratingInactive
{
    width: 20px;
    height: 19px;
    background: transparent url('../images/icon_star_off.gif') no-repeat center center;
    float: left;
    cursor: pointer;
}
.ratingActive
{
    width: 20px;
    height: 19px;
    background: transparent url('../images/icon_star_over.gif') no-repeat center center;
    float: left;
    cursor: pointer;
}
.red, span#downloadCount
{
	color: #b3181c;
}
.gray
{
	color: #999999;
}
.redBold
{
	font-weight: bold;
	color: #b3181c;
}
.redHeader
{
    color:#B21617;
    font-weight:800;
    font-size:1.2em;
}
.left
{
    float: left;
}

/*Please note: these styles are deprecated, but may still be used in 
pages and resources files. Instead, use the grays below. Although, the
colors have been changed to the gray colors anyway. */

.lightBlueBackground
{
	background-color: #f5f5f5;
}
.lightBlueBorder
{
	border: 1px solid #e4e7e9;
}
.lightBlueBorderBottom
{
	border-bottom: 1px solid #e4e7e9;
}
.lightBlueBorderBottomDashed
{
	border-bottom: 1px dashed #e4e7e9;
}
.lightBlueBorderTop
{
	border-top: 1px solid #e4e7e9;
}

/* use these styles instead of the above blue styles*/
.lightGrayBackground
{
	background-color: #f5f5f5;
}
.lightGrayBorder
{
	border: 1px solid #e4e7e9;
}
.lightGrayBorderBottom
{
	border-bottom: 1px solid #e4e7e9;
}
.lightGrayBorderBottomDashed
{
	border-bottom: 1px dashed #e4e7e9;
}
.lightGrayBorderTop
{
	border-top: 1px solid #e4e7e9;
}

.margin_left_10
{
    margin-left: 10px;
}
.margin_top_10, .pnlMostWanted, .spotlight
{
    margin-top: 10px;
}
.noBorder
{
    border:0px;
}
.previewContainer 
{
	width: 398px;
	height: 400px;
	background-color: #fff;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	position: relative;
}

.previewContainer3DXML 
{
	width: 400px;
	height: 432px;
	background-color: #fff;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
}
.previewFrame3DXML
{
	border: 0px;
	height: 432px;
	width: 400px;
	background-color: #fff;
	overflow:hidden;
}
.previewFrame
{
	border: 0px;
	height: 375px;
	width: 400px;
	background-color: #fff;
	overflow:hidden;
}
.previewContainerED 
{
	width: 400px;
	height: 396px;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
	/*display: table-cell;*/
    display:none;
    padding: 0 1px;
}
.previewFrameED
{
	border: 0px;
	height: 396px;
	width: 400px;
	background: transparent url('/images/loadingAnimation.gif') no-repeat center center;
	overflow:hidden;
}
.previewContainer2D 
{
	width: 400px;
	height: 396px;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
	/*display: table-cell;*/
    display:none;
    padding: 0 1px;
}
.previewFrame2D
{
	border: 0px;
	height: 396px;
	width: 400px;
	background: transparent url('/images/loadingAnimation.gif') no-repeat center center;
	overflow:hidden;
}
.previewMacroSrc
{
	width: 400px;
	height: 375px;
	background-color: #fff;
	overflow: auto;
	display: table-cell;
	padding: 10px;
}
.previewhints td
{
	border-top: 1px solid #d9d9d9;
	background-color: #f5f5f5;
	padding:5px
}
.right
{
	float: right;
}

.searchPopupLink:link, .searchPopupLink:visited, .searchPopupLink:active 
{
	display: block;
	font: 11px Arial;
	color: #0035ad;
	text-decoration: none;
	padding: 4px 2px;
	text-align: left;

}
a.searchPopupLink:hover
{
	background-color: #dedede;
}
.searchword
{
	font-weight: bold;
}
.secondaryTabs
{
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding: 0;
}

.tblComment
{
	margin-bottom: 4px;
	margin-top: 8px;
	/* necessary to fix the table width in IE6 
	with nested PRE tags*/
	table-layout: fixed; 
}
.tblComment pre
{
	width: 500px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.textAlignCenter
{
	text-align: center;
}
.textAlignLeft
{
	text-align: left;
}
.text_darkBlue
{
	color: #2E3480;
	font-size: inherit;
	font-weight: inherit;
}
.text_red
{
	color: #AF1819;
	font-size: inherit;
	font-weight: inherit;
}
.thumbnailCategory
{
	border: 1px Solid #e4e7e9;
	padding: 8px;
	text-decoration: none;
	background-color: #fff;
	width: 140px !important;
	height: 140px !important;
}
.thumbnalCategory
{
	border: 1px Solid #e4e7e9;
	padding: 8px;
	text-decoration: none;
	background-color: #fff;
	height:110px;
	width:110px;
}
.thumbnailCategoryDiv
{
	text-align: center;
	margin-top: 10px;
	padding: 1px;
	min-height: 100px;
	min-width: 100px;
	vertical-align: middle;
}
.title1
{
	font-weight: bold;
	color: #2e3480;
}
.title2
{
	font: 12px tahoma,arial,sans-serif;
	font-weight: 800;
}

.titleCellUnderline
{
	border-bottom: 1px solid #d1d5d7;
	text-align: left;
}
.shareControl
{
    width:70%;
    padding-left:5px;    
}
.shareLabel
{
   width:30%;
   text-align:right;
}
.userProfile, .userProfileSm, .userProfileMed
{
	border: 1px solid #9e9e9e;
}
.userProfile
{
    margin: 0px 10px 4px 0px;
    float: left;
    position: relative;
    /*width: 67px;*/
}
.userProfileSm
{
	width: 28px;
	height: 28px;
}
.userProfileMed
{
	width: 43px;
	height: 43px;
	margin-top: -15px;
}
.vAlignTop
{
	vertical-align: top;
}
.filterText
{
    vertical-align: middle; 
    line-height: 2em;
}
.vAlignMiddle
{
	vertical-align: middle;
}
.viewAllSect
{
	font-weight: 600;
	color: #777;
	background-color: #EAF1FB;
	display: block;
	padding: 2px;
}
.viewAllTbl td a:link, #viewAllTbl td a:visited
{
	color: #2E3585;
	text-decoration: underline;
	display: block;
	padding: 2px;
}
.viewAllTbl .supplierLink
{
	padding: 2px;
}
.viewAllTbl .supplierLink a:link,
.viewAllTbl .supplierLink a:visited
{
	color: #2E3585;
	text-decoration: underline;
	display: inline;
	padding: 2px;
}
.viewpointCtl
{
	background-color: #f7f7f7;
	padding: 5px;
	width: 150px;
	font-size: 11px;
	color: #87847B;
	letter-spacing: -1px;
}
.waterMarkedTxtBox
{
	background-color: #ffffff;
	border: 1px solid #a7acb2;
	color: #888;
	padding: 2px;
}

/* Search Box Rounded Corners */
div#searchcontainer .t {background: url('../images/light_blue_sect_dot.gif') 0 0 repeat-x} /* set width here to fix entire area */
div#searchcontainer .b {background: url('../images/light_blue_sect_dot.gif') 0 100% repeat-x}
div#searchcontainer .l {background: url('../images/light_blue_sect_dot.gif') 0 0 repeat-y}
div#searchcontainer .r {background: url('../images/light_blue_sect_dot.gif') 100% 0 repeat-y}
div#searchcontainer .bl {background: url('../images/light_blue_sect_bl.gif') 0 100% no-repeat}
div#searchcontainer .br {background: url('../images/light_blue_sect_br.gif') 100% 100% no-repeat}
div#searchcontainer .tl {background: url('../images/light_blue_sect_tl.gif') 0 0 no-repeat}
div#searchcontainer .tr {background: url('../images/light_blue_sect_tr.gif') 100% 0 no-repeat; padding:7px 12px;}

 /* Image Button Styles */
.inline-block 
{
    display: inline-block;
    position: relative
}
.inline-block-static 
{
    display: inline-block;
    position: static;
}

.search-button-outer-box 
{
    border: 1px solid #292e6d;
    vertical-align: top;
}

.search-button-outer-box 
{
    border-top-width: 1px;
    padding: 0px;
    border-left-width: 0px;
    border-bottom-width: 1px;
    margin: 0px;
    border-right-width: 0px
}

.custom-search-button 
{
    border: 0px;
    padding: 0px;
    font-weight: normal;
    background: url('../images/searchButtonBackground.gif') #ddd repeat-x left top;
    vertical-align: middle;
    cursor: pointer;
    color: #845100;
    list-style-type: none;
    text-decoration: none;
    outline: none
}

.searchbutton 
{
    margin: 2px 2px 2px 6px;
    cursor: pointer;
}

.searchbuttonimg
{
    height:45px; 
    max-width: 52px; 
    cursor: pointer;
}

.search-button-inner-box
{
    border-left-color: #292e6d;
    border-bottom-color: #292e6d;
    vertical-align: top;
    border-top-style: solid;
    border-top-color: #292e6d;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #292e6d;
    border-bottom-style: solid
}

.search-button-inner-box 
{
    border-top-width: 0px;
    padding-right: 6px;
    padding-left: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: normal;
    font-size: 11px;
    color: #fff;
    border-left-width: 1px;
    border-bottom-width: 0px;
    margin: 0px -1px;
    border-right-width: 1px
}

/* Tabs Rounded Corners */
#primaryTabs {
  width:65%;
  line-height:1.6;
  }
#primaryTabs ul {
  margin:0px;
  margin-left: 15px;
  padding:0px;
  list-style:none;
  }
#primaryTabs li {
  float:left;
  background:url("../images/tab_left.gif") no-repeat left top;
  margin:0;
  margin-left:2px;
  padding:0px 0px 0px 3px;
  }
#primaryTabs a {
  display:block;
  background:url("../images/tab_right.gif") no-repeat right top;
  padding:5px 11px 4px 11px;
  text-decoration:none;
  font-weight:bold;
  color:#555;
  }
#primaryTabs a:hover {
  color:#000;
  }
#primaryTabs #current {
  background-image:url("../images/tab_left_on.gif");
  }
#primaryTabs #current a {
  background-image:url("../images/tab_right_on.gif");
  color:#fff;
  padding-bottom:4px;
  }
  
  /* Legacy: To Be Removed */
.links a:link, .links a:visited
{
	font: 11px Arial;
	display: block;
	border-bottom: 1px solid #EDEDED;
	text-decoration: none;
	padding: 3px;
	padding-left: 5px;
}
.links a:hover
{
	color: #bf0000;
	background-color: #fff;
}
.sect
{
	margin-top: 2px;
}
.sectTitle
{
	font: 600 12px Arial;
	color: #bf0000;
	vertical-align: middle;
	height: 24px;
	line-height: 22px;
	white-space:nowrap;
}
.sectionBody
{
	width: 100%;
}
.sectionBody .tl
{
	background: #f1f1f1 url('../images/sectionBody_tl.gif') no-repeat top left;
	width: 9px;
	height: 8px;
	font-size: .1em;
	padding: 0px;
	margin: 0;
}
.sectionBody .tm
{
	background-color: #f9f9f9;
	border-top: 1px Solid #ccc;
	height: 7px;
	font-size: 1px;
}
.sectionBody .tr
{
	background: #f1f1f1 url('../images/sectionBody_tr.gif') no-repeat top right;
	width: 9px;
	height: 8px;
	font-size: 1px;
	padding: 0px;
}
.sectionBody .bl
{
	background: #f1f1f1 url('../images/sectionBody_bl.gif') no-repeat top left;
	width: 9px;
	height: 8px;
	font-size: .1em;
}
.sectionBody .bm
{
	background-color: #f9f9f9;
	border-bottom: 1px Solid #ccc;
	height: 8px;
	font-size: 1px;
}
.sectionBody .br
{
	background: #f1f1f1 url('../images/sectionBody_br.gif') no-repeat top right;
	width: 9px;
	height: 8px;
	font-size: .1em;
}
.sectionBody .m
{
	font: 12px Arial, "sans serif";
	background-color: #f9f9f9;
	padding: 9px;
}
.sectionBody .ml
{
	width: 8px;
	background-color: #f9f9f9;
	border-left: 1px Solid #ccc;
	padding: 0;
}
.sectionBody .mr
{
	width: 8px;
	background-color: #f9f9f9;
	border-right: 1px Solid #ccc;
	padding: 0;
}
.sectionTitle
{
	width: 100%;
}
.sectionTitle span, .sectionHeader span
{
	font: 600 12px Arial;
	color: #bf0000;
	/*text-transform: uppercase;*/
	white-space: nowrap;
}
.sectionTitle .tl
{
	background: #f1f1f1 url('../images/sectionTitle_tl.gif') no-repeat top left;
	width: 8px;
	height: 22px;
	vertical-align: middle;
}
.sectionTitle .tm
{
	background: #f1f1f1 url('../images/sectionTitle_tm.gif') repeat-x 0px 0px;
	font: 9px Arial;
	height: 22px;
	vertical-align: middle;
}
.sectionTitle .tr
{
	background: #f1f1f1 url('../images/sectionTitle_tr.gif') no-repeat top right;
	width: 8px;
	height: 22px;
	vertical-align: middle;
}
.sectionHeader
{
	width: 100%;
}
.sectionHeader .sh_tl
{
	background: #f9f9f9 url('../images/sectionHeader_tl.gif') no-repeat top left;
	width: 3px;
	height: 3px;
	font-size: .1em;
	padding: 0px;
	margin: 0;
}
.sectionHeader .sh_tm
{
	background-color: #eaeaea;
	height: 3px;
	font-size: 1px;
}
.sectionHeader .sh_tr
{
	background: #f9f9f9 url('../images/sectionHeader_tr.gif') no-repeat top right;
	width: 3px;
	height: 3px;
	font-size: 1px;
	padding: 0px;
}
.sectionHeader .sh_bl
{
	background: #f9f9f9 url('../images/sectionHeader_bl.gif') no-repeat top left;
	width: 3px;
	height: 3px;
	font-size: .1em;
}
.sectionHeader .sh_bm
{
	background-color: #eaeaea;
	height: 3px;
	font-size: 1px;
}
.sectionHeader .sh_br
{
	background: #f9f9f9 url('../images/sectionHeader_br.gif') no-repeat top right;
	width: 3px;
	height: 3px;
	font-size: .1em;
}
.sectionHeader .sh_m
{
	font: 12px Arial, "sans serif";
	background-color: #eaeaea;
	padding: 2px;
	padding-left: 10px;
}
.sectionHeader .sh_ml
{
	width: 3px;
	background-color: #eaeaea;
	padding: 0;
}
.sectionHeader .sh_mr
{
	width: 3px;
	background-color: #eaeaea;
	padding: 0;
}
#viewAllTbl td a:hover
{
	text-decoration: underline;
}

  /* Dialogs */

/* for Internet Explorer */
* html .dialog1 .bd .s, * html .dialog2 .bd .s
{
height: 6em;
}
.tblDialog
{
	margin: 10px;
}
.dialog1
{
	margin: 0px auto;
}
.dialog1 .hd .c,
.dialog1 .ft .c 
{
	font-size: 1px; /* ensure minimum height */
	height: 10px;
}
.dialog1 .hd 
{
	background: transparent url('../images/tl.gif') no-repeat 0px 0px;
}
.dialog1 .hd .c 
{
	background: transparent url('../images/tr.gif') no-repeat right 0px;
}
.dialog1 .bd 
{
	background: transparent url('../images/ms.gif') repeat-x 0px 0px;
}
.dialog1 .bd .s
{
	margin: 0px 2px 0px 4px;
	padding: .1em .3em;
	vertical-align: top;
	min-height: 6em; 
	height: auto;
}
.dialog1 .ft
{
	background: transparent url('../images/bl.gif') no-repeat 0px 0px;
}
.dialog1 .ft .c
{
	background: transparent url('../images/br.gif') no-repeat right 0px;
}

/* Interactive Dialog */
.dialog2
{
	margin: 0px auto;
}
.dialog2 .hd .c,
.dialog2 .ft .c 
{
	font-size: 1px; /* ensure minimum height */
	height: 6px;
}
.dialog2 .hd 
{
	background: transparent url('../images/tl_2.gif') no-repeat 0px 0px;
}
.dialog2 .hd .c 
{
	background: transparent url('../images/tr_2.gif') no-repeat right 0px;
}
.dialog2 .bd 
{
	background: #fff url('../images/ml_2.gif') repeat-y 0px 0px;
}
.dialog .bd .c
{
	background: transparent url('../images/mr_2.gif') repeat-y right 0px;
}
.dialog2 .bd .s
{
	margin: 0px 2px 0px 4px;
	background-color: #fff;
	padding: .1em .6em;
	min-height: 6em; 
	height: auto;
}
.dialog2 .ft
{
	background: transparent url('../images/bl_2.gif') no-repeat 0px 0px;
}
.dialog2 .ft .c
{
	background: transparent url('../images/br_2.gif') no-repeat right 0px;
}
.cursorhand
{
	cursor: pointer;
}
.tdCenter
{
	text-align:center; 
	vertical-align:middle;		
}

.pagerMain
{
	line-height: 2;
	text-align:right;
}
.pagerMain span
{
	color: GrayText;
	font-weight: bold;
	margin: 4px;
}
.pagerMain a,
.pagerMain a:link
{
	color:#628DBD;	
	font-weight: bold;
	float:none;
	margin: 4px;
	text-decoration: none;
}
.pagerMain a:visited
{
	color:#628DBD;	
	font-weight: bold;
	float:none;
	margin: 4px;
	text-decoration: none;
}
.pagerMain a:hover
{
	color:#628DBD;	
	font-weight: bold;
	float:none;
	text-decoration: none;
}
.pagerMain .currentPage
{
	color: #B3181C;
	font-weight: bold;
	text-decoration: none;
}
div#divResultSummary
{
	margin-bottom: 13px;
}
div#divResultSummary span
{
	color: #ffffff;
	font: bold;
	font-size: 1.3em;
}
span#lblResultsPerPage
{
	font-weight: bold;
}
span#lblSortBy
{
	font-weight: bold;
}
select#ddPageSize
{
	font-weight: bold;
	margin-right: 20px;
}
select#ddSortBy
{
	font-weight: bold;
	margin-right: 20px;
}
/* output class definitions from XMetaL (for Documentation group) */

.tablehead_3dcc
{
	color: #AF1819;
}

.uicontrol, .notetitle, .menucascade, .tiptitle
{
	font-weight: bold;	
}

.filepath
{
	font-family: courier, monospace;
}

.userinput
{
	font-weight: bold;
	font-family: courier, monospace;
}

.dlterm
{
	font-weight: bold;
	margin: 10px auto auto auto;
}

.topictitle1, .sectiontitle_3dcc
{
	font: 11px tahoma,arial,sans-serif;
	font-weight: bold;
	position: relative; /*fixes IE6 float invisible bug*/
}

img.suppLogo
{
    /*display:none;*/
    visibility:hidden;
    padding:10px;
}

/*styles for ucHeader control*/

div#pageHeader
{
	position:relative;
}
div#headerLogos
{
	margin-left: 15px;
	width: 250px;
}

div#pageHeader a:hover span 
{
	font-size: 1.0em;	
}
div#pageHeader a.info
{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
}
div#pageHeader a.info:hover
{
	z-index:25; 
}
div#pageHeader a.info span
{
	display: none
}
div#pageHeader .info:link,
div#pageHeader .info:visited
{
    color: #628dc0;
	text-decoration: underline;
	font-weight: normal;
	text-align: left;
}
div#pageHeader a.info:hover span
{  
    display:block;
    position:absolute;
    top:2em; left:2em; 
    border:1px solid black;
    background-color:#FFFFE1; color:black;
    text-decoration:none;
}
div#pageHeader a.searchType:link, a.searchType:visited
{
	font-weight: bold;
	color: #2D337F;
	text-decoration: none;
}

table.ucFeatHdr
{
	width:100%;
	height:45px;
	background-color:#f5f5f5;
}

table.ucFeatHdr td
{
	vertical-align:middle;
	padding:5px 10px;
}

table.ucFeatHdr td.tdHdr
{
	text-align:center;
	background-color:#648CC0;
	width:28%;
}

table.ucFeatHdr td.tdMoreExp
{
	text-align:left;
	font-size:10px;
}
table.ucFeatHdr td.tdHdr span
{
	font-size:16px;
	color:White;
	font-weight:600;
}

table.ucFeatHdr td.tdRating
{
	text-align:right;
}

table.ucFeatHdr td.tdLink
{
	text-align:center;
	white-space:nowrap;
	width:10%;
}

table.ucFeatHdr td.tdImg
{
	width:20px;
	padding-left:0px;
}

/* Cookies disclaimer classes */
div#cookie-disclaimer {
    background: none repeat scroll 0 0 #618fc0;
    color: #ffffff;
    height: 50px;
    width: 100%;
    font-size: 12px;
}
.regularwidth {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: left;
    width: 1024px;
}
#cookie-disclaimer .content {
    font-size: 12px;
    height: auto;
    width: auto;
}
#cookie-disclaimer .left {
    float: right;
    width: 80%;
}
#cookie-disclaimer .button {
    background: url("../images/cross.png") no-repeat scroll right center #4775a5;
    cursor: pointer;
    display: table-cell;
    height: 50px;
    margin: 0;
    padding: 0 51px 0 0;
    text-align: right;
    vertical-align: middle;
    width: 125px;
    text-decoration: none;
    color: #ffffff;
}
#cookie-disclaimer .button:hover {
    background-color: #305072;
    border: medium none;
}
#cookie-disclaimer .message {
    display: table-cell;
    height: 50px;
    padding: 0px 90px;
    text-align: center;
    vertical-align: middle;
    width: auto;
}

#cookie-disclaimer.nojs > .regularwidth { width: 100%; }
#cookie-disclaimer.nojs .content > .ds-float-right { display: none; }
#cookie-disclaimer.nojs .content > .left { display: table; float: none; width: 100%; }
#cookie-disclaimer.nojs .content > .left > .message { padding: 0 40px; min-width: 500px; }

#cookie-disclaimer .message a {
    color: #fff;
    text-decoration: underline;
}
#cookie-disclaimer .message a:hover {
    text-decoration: none;
}

/****************************/
.searchBackgrnd
{
	float: right;
	background: url('../images/searchbg.png') no-repeat scroll 0 0 transparent; 
	width: 555px; 
	height: 50px; 
	margin-right: 5px;
}

.HomeBanner {
	position:absolute; 
	z-index:1; 
	/* top:0px; 
	left: 0px; */
	background:#FFF;
	height:120px; 
	width:260px; 
}

.topRated {
    display:table;    
    border-spacing:3px;
    table-layout: fixed;
    margin: 0 auto;
    /* width:auto; */
    width:100%;
}

.topRated div { 
	*float: left; /* Required for IE 7 so targeted to IE7 and below */
	display:table-cell;
    padding:2px;
    border:1px solid #EBEBEB;
    -moz-border-radius:10px;
}

fieldset#avgRating {
    border: 1px solid #638ec6;
    padding: 6px 8px;
    text-align:center;
	display: inline;
    white-space: nowrap;
}

input#txtSearchInputNav
{
    /* This style was in base1.css, but commented out because it was
    breaking the top page search.
	border: 1px solid #a7acb2;
	width: 235px;
	height: 18px;
    */
}

/* Used In JQuery to Show Validation */
input.error
{
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 1.0em;
    color: #fea035;
    border: 1px solid #fea035;
}

/* THE REST OF THE DS-STYLES.CSS STYLE RULES--------------
----------------------------------------------------------*/

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#page
{
    margin: 0px auto;
    width:auto;
    padding:0px;   
}

#pages
{
 
}

.primary-resize
{
    width:1024px;
    margin: 0px auto;
    padding:0px;     
}
#page-inner
{
    margin: 105px auto 34px auto;
    width:auto;
    padding:0px;   
}

/* cookie disclaimer height modification BEGIN */
#page-inner
{
    margin: 105px auto 34px auto;
}
#page-inner.uc-has-cookie-disclaimer
{
    margin: 155px auto 34px auto;
}
#DivCookieDisclaimer
{
    display: none;
}
#cookie-disclaimer
{
    display: none;
}
#page-inner.uc-has-cookie-disclaimer #cookie-disclaimer,
#page-inner.uc-has-cookie-disclaimer #DivCookieDisclaimer
{
    display: block;
}
#home-search
{
    top: 96px;
}
#page-inner.uc-has-cookie-disclaimer #home-search
{
    top: 145px;
}
/* cookie disclaimer height modification END */

/* page title START */

#innerContent > .uc-inner-content-title
{
    background-color: #dce0e2;
    height: 65px;
    border-bottom: 1px solid #909295;
    box-sizing: border-box;
    font-size: 16px;
}

#innerContent > .uc-inner-content-title > h2
{
    font-size: 1.45em;
    color: #005683;
    font-weight: 500;
    font-family: "3ds", Arial, "sans serif";
    text-transform: none;    
    height: 65px;
    line-height: 60px;
    margin-left: 10px;
}

#innerContent > .uc-inner-content-title > div > #ds-user-info
{
    right: 7px;
}

/* page title END */

/* fixed height page START */

#page-inner.uc-has-fixed-height > #innerContent
{
    position: fixed;
    top: 104px;
    padding: 0;
    bottom: 45px;
    left: 0;
    right: 0;
    overflow: hidden;
    width: auto;
}

#page-inner.uc-has-fixed-height.uc-has-cookie-disclaimer > #innerContent
{
    top: 154px;
}

#page-inner.uc-has-fixed-height > #innerContent > .uc-inner-content-title
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

#page-inner.uc-has-fixed-height > #innerContent > .uc-inner-content-body
{
    position: absolute;
    top: 65px;
    bottom: 0;
    left: 0;
    right: 0;
}

/* fixed height page START */


header{/*this will replace the below style once we know 
for sure that we are not targeting earlier browsers*/}

#the-header
{
    position: fixed;
    z-index: 1000;   
    height:102px;
    margin: 0px auto;
    width:100%;
    padding:0px;
    top:0px;
    left:0px;
}

nav{/*this will replace the below style once we know 
for sure that we are not targeting earlier browsers*/}

#the-nav
{
    font-family: "3ds",sans-serif, Arial, "Helvetica Neue";
    position: relative;
    margin: 0px auto;
    padding: 6px 0px 0px 0px;
    /*height:36px;*/
    background-color:#c2ced5;
    width:auto;
     
}
section{/*we are not styling section in this architecture*/}

#payment-section-content
{
    width:100%;
    min-width:1024px;
    padding:0px 0px 20px 0px;
    margin:0 auto;
}

 #payment-section-content-btn
{
   width:100%;
    min-width:1024px;
    padding:0px 0px 0px 0px;
    margin:0 auto;
}

#section-content
{
    width:100%;
    min-width:1024px;
    padding:0px 0px 20px 0px;
    margin:0 auto;
}

#section-content-header-default
{
    background-color:#fff;
    border-bottom: 1px solid #fff;
    color:#2f4960;
}
#section-content-header-slate
{
    background-color:#dce0e2;
    border-bottom: 1px solid #909295;
}

#section-content-header-reggy
{
    background-color:#fff;
    border-bottom: 1px solid #fff;
}
#section-content-header-default,#section-content-header-slate,#section-content-header-reggy
{
    width:auto;    
    padding:20px 0px 4px 5px;
    margin:0px auto 10px auto;   
}
 .step-enabled {font-family:Arial; font-weight:bold; font-size:.0875px;}
 .step-disabled {font-family:Arial; font-weight:bold; font-size:.0875px;color: #cbcbcb;}

#section-content-header-inner
{
    width:100%;    
    padding:0px;
    margin:0 auto;
}

footer{/*this will replace the below style once we know 
for sure that we are not targeting earlier browsers*/}
/*Footer rules for old pages --- */

div#footerBody th
{
	color: #2E3480;	
}
/*We should revisit this: comes from base1.css*/
div#footer
{
	background-color: #eaf1fb;
	/*padding: 10px 20px 15px 15px;*/
	margin-top: 5px; /* 25px; */
	line-height: 1.5;
	clear: both;
	font-size:100%;
}
div#footerBody
{
	text-align: center;
	padding: 10px 20px;
	color: #2E3480;
}
div#footerBody th, div#footerBody td
{
	text-align: left;
	vertical-align: top;
	line-height: 15px;
	padding: 2px;
	width: 16%;
}
div#footerBody a:link, div#footerBody a:visited
{
	text-decoration: none;
}
div#footerBody a:hover
{
	text-decoration: underline;
}
div#footerLangauges
{
	color: #81addc;
	/* background-color: #81addc; */
	background: url("../images/menubg.png") repeat-x scroll left top transparent;
	text-align: center;
	padding: 4px;
}
div#footerLangauges a:link, div#footerLangauges a:visited,
div#footerLangauges a:hover, div#footerLangauges a:active 
{
	text-decoration: none;
}
div#footerLangauges a:hover
{
 text-decoration: underline;
}

/*Footer rules for new pages --- */
#the-footer
{
    font-size:0.9550em;
    font-family: Arial, "Helvetica", "sans-serif";
    color:#7ea9c1;
    position: fixed;
    z-index:1000;
    bottom:0px;
    left:0px;
    margin: 0px auto;
    width:100%;
    min-width:1024px;  
    font-weight: normal;
}


#footer-right-menu
{
    position:relative;   
    text-align:right;
    float:right;
    margin-right:10px;
}

#footer-left-menu
{
    position :relative;
}

#the-footer a:link, #the-footer a:visited
{font-size:0.9850em;color:#7ea9c1;}

#the-footer a:hover, #the-footer a:active
{font-size:0.9850em;color: #c2ced6;text-decoration: none;}

#policy
{
    position:relative;
    margin:auto;
    padding: 14px 10px 13px 10px;
    height:18px;
    background-color:#004b7a;
}

#branding
{
    position: relative;
    height:58px;
    background-color:#004b7a;
    margin: 0px;
    width:auto;
    min-width:1024px;  
    padding:0px;    
}

#branding a:link, #branding a:visited
{
    color: #fff;
}

#branding a:hover
{
    color: #c2ced6;
    text-decoration: none;
}

#branding a:active
{
    color: #c2ced6;
}



#ds-logo-container
{
    position: relative;
    margin: 0px;
    padding:4px 0px 0px 4px;
    width: 50px;
    height:54px;
    /*background-color:#fff;*/
    float:left;
    margin-left: 7px;
}

#logo-separator
{
    float: left;
    height: 20px;
    opacity: 0.5;
    margin-top: 19px;
    border-left: 1px solid #fff;
}

#ds-3dcc-container
{
    position: relative;
    margin: 0px;
    padding:16px 0px 0px 8px;
    height:42px;
    float:left;
  
}

#ds-login-container
{
    position: relative;
    margin: 0px 0px 0 0;
    height:58px;
    top:16px;
    float:right;
    color:#FFF;
    cursor: pointer;
}
.LoginDropdown li div.localiz { display: inline-block; }
/*start*/
.LoginDropdown li div.localiz:after,
.LoginDropdown li span.localiz:after{
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #FFF;
    right: 5px;
    top: 7px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-right: 6px solid transparent;
    border-style: solid;
    border-width: 7px;
}
.LoginDropdown li div.localiz:hover:after,
.LoginDropdown li span.localiz:hover:after{
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #fff;
    right: 5px;
    top: 7px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-right: 6px solid transparent;
    border-style: solid;
    border-width: 7px;
}

#ds-login-container ul ul {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 22px;
    min-width: 160px;
    width: auto;
    white-space:nowrap;
    z-index: 35;
    color:#000;
    right: -1px;
    display:none;
    max-height: 400px;
    overflow: auto;
}
#ds-login-container ul ul li 
{
    padding:9px 20px;    
}
#ds-login-container ul ul li:hover
{
    background-color:#e8e8e8;
    color:#1386bf !important;
}
#ds-login-container ul ul li a:hover
{
    color:#1386bf !important;    
    background-color:#e8e8e8;
}
.LoginDropdown ul li a
{
    color:#777777 !important;
    text-decoration:none;
    display: block;
}

#ds-login-container td:nth-last-child(2) {
    border-right:none;
}

#login-button
{
   text-decoration: none;
}

/*end*/

#ds-localization-container
{
    position: relative;
    margin: 0px;
    padding: 16px 0px 0px 0px;
    height:42px;
    float:right;
}

.localiz
{
    font-size:1.1em;
    font-weight:bold;
    padding: 2px 8px 0px 8px;
}

.localiz-noarrow
{
    font-size:1.1em;
    font-weight:bold;
    padding:4px 8px 2px 8px;
}

/*-- Not Popular Tag Anchor Rules -- */
.localiz a:link, .localiz a:visited,
.localiz a:hover, .localiz a:active
{font-size: 0.875em; font-weight:normal;color: #ffffff;}
.localiz a:hover{color: #cccccc;}

.ds-common-content-container-header
{
    height:26px;
    background-color:#e5e6e7;
    border:1px solid #b9bbbd;
    font-family:Arial,"sans-serif";
    font-weight:bold;
    color: #464647;
    float:right;
}

.ds-common-content-container-body
{
    background-color:#fff;
    border-left:1px solid #b9bbbd;
    border-right:1px solid #b9bbbd;
    border-bottom:1px solid #b9bbbd;
    font-family:Arial,"sans-serif";
    font-weight:bold;
    color: #464647;
    float:right;
  
}

.ds-real-common-content-container
{
    position:relative;
    font-size:100% !important;
}

.ds-real-common-content-container legend, ds-real-common-content-container fieldset
{
    clear:both;
    border: none;

}
.ds-real-common-content-container-header
{
    position:relative;
    padding:9px;
    background-color:#e5e6e7;
    border:1px solid #d1d5d7;
    color: #464647;
    font-family:Arial,"sans-serif" !important;
    font-size:14px !important;
    font-weight:600;
}

.ds-real-common-content-container-header h3
{
    color: #464647;
    font-family:Arial,"sans-serif" !important;
    font-size:1.1em  !important;
    font-weight:600;
}

.ds-real-common-content-container-body
{
    position:relative;
    padding:10px;    
    background-color:#fff;
    border-left:1px solid #d1d5d7;
    border-right:1px solid #d1d5d7;
    border-bottom:1px solid #d1d5d7;
    font-family:Arial,"sans-serif";
    color: #6d6e71;
}

/* real containers have several different widths that were 
forced upon it. Due to this, we have several widths that 
can be used */

.ds-real-container-width-399
{
    width:399px;
}

.ds-contributors-container
{
    text-align: left;
    position: relative;
    margin: 10px 0px 0 0;
}

table.ds-menu-table 
{
  border-collapse:collapse;
  width:100%;
}
table.ds-menu-table th 
{
    border:1px solid #fff;
    color:#fff;
    white-space:nowrap;
}

table.ds-menu-table td 
{
    border:1px solid #fff;
    color:#fff;
    white-space:nowrap;
    position:relative;
}

#ds-compass-container
{
    position: relative;
    margin: 0px;
    padding: 0px;
    height:58px;
    float:right;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}


.wrapper, .wrapper-secondary {
	width:100%;
	position:relative;
	background-color:#fff;
}

.wrapper-secondary {
	padding-top:16px;
}
.extra-wrap {
	overflow:hidden;
	display:block;
}

.list-soc {
	float:left;
}
.list-soc li {
	float:left;
	margin-right:5px;
}

.supplierTitle
{
    color: #2E3480; font-size: 130%; font-weight: bold;
}
.supplierSubTitle
{
    color: #2E3480; font-size: 12px; font-weight: bold;
}
.loginRightCol
{
    vertical-align: top; padding: 0px 10px; border-left: 1px dotted #000;
}
.regInfoText
{
    color: #628dc0; font-size: 130%;
}
.divPoweredBy
{
    float: left; width: 220px; margin-left: 10px;
}
.divFrameBasedMessage
{
    padding: 5px 10px; color: #fff; background-color: #AF1819; margin-right: 10px;
}

/* BORDERS 
--------------------------------------------------------- */
.ds-borderleft-1px-s-ccc
{
    border-left: 1px solid #ccc;
} 

/* OverFlow 
-----------------------------------------------------------*/
.ds-of-auto-y
{
    overflow: auto;
}

/* ALIGNS
--------------------------------------------------------- */
.ds-float-left {float:left;}
.ds-float-right {float:right;}
.ds-align-left {text-align:left;}
.ds-align-right {text-align:right;}
.ds-align-justify { text-align: justify;}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns - as an example */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}

/* IDENTS
========================================================================= */
.ds-indent-bottom-04 {margin-bottom: 4px;}
.ds-indent-bottom-0 {margin-bottom: 6px;}
.ds-indent-bottom-1 {margin-bottom: 20px;}
.ds-indent-bottom-2 {margin-bottom: 23px;}
.ds-indent-bottom-3 {margin-bottom: 15px;}
.ds-indent-bottom-4 {margin-bottom: 17px;}
.ds-indent-bottom-5 {margin-bottom: 35px;}
.ds-indent-bottom-6 {margin-bottom: 12px;}
.ds-indent-bottom-7 {margin-bottom: 40px;}
.ds-indent-bottom-8 {margin-bottom: 25px;}

/* Margin Right */
.ds-indent-right-0 {margin-right: 6px; }

/* Margin Top */
.ds-indent-top-0 {margin-top: 20px;}
.ds-indent-top-1 {margin-top: 17px;}
.ds-indent-top-2 {margin-top: 5px;}
.ds-indent-top-3 {padding-top: 4px;}
.ds-indent-top-4 {padding-top: 32px;}
.ds-indent-top-5 {padding-top: 20px;}
.ds-indent-top-6 {padding-top: 10px;}
.ds-indent-top-7 {margin-top: 30px;}
.ds-indent-top-8 {margin-top: 5px;}

/* Margin Left */
.ds-indent-left-0 {margin-left: 20px;}
.ds-indent-left-1 {margin-left: 15px;}
.ds-indent-left-2 {padding-left: 5px; }
.ds-indent-left-3 {padding-left: 10px; }

/* Margin All */
.ds-margin-auto {margin: auto;}
.ds-indent-0 {margin: 0px;}
.ds-indent-1 {margin: 5px;}

/* Margin Center*/
.ds-margin-center { margin: 0 auto;}

/* New Page Left Right */
.ds-indent-page-home-left
{   clear: both;
    margin-left:16px;
}
.ds-indent-page-home-right
{
    clear: both;
    margin-right:16px;
}

.ds-indent-page-left
{   clear: both;
    margin-left:24px;
}
.ds-indent-page-right
{
    clear: both;
    margin-right:24px;
}

/* Special Container Margins:
   Special container to hold any container that is effected by the home page
   stretch change. */

.ds-indent-to-full
{   clear: both;
    /* margin:0px 24px; */
}

/* Padding Top */

.ds-top-block-indent-0 {padding-top: 10px;}
.ds-top-block-indent-1 {padding-top: 4px;}

.ds-rt-block-indent-100 {padding-right: 100px;}
.ds-rt-block-indent-98 {padding-right: 98px;}
.ds-rt-block-indent-1 {padding-right: 30px;}
.ds-rt-block-indent-2 {padding-right: 20px;}
.ds-rt-block-indent-3 {padding-right: 10px;}
.ds-rt-block-indent-4 {padding-right: 5px;}
.ds-rt-block-indent-5 {padding-right: 14px;}
.ds-all-block-indent-5 {padding: 5px;}

.ds-lt-block-indent-1 {padding-left: 30px;}
.ds-lt-block-indent-2 {padding-left: 10px;}

.rt-hidden-1 {display:none;}

.br-h {display:none;}


.paragraphTitle
{
    font-size:875em;
    font-weight:bold;
    line-height:1.36em;
    color:#005686;
}

/* Grid views
=========================================================== */
.dsGridPrimary {background-color: #f4f4f4; border: solid 1px #bcbceb0; border-collapse:collapse; font-family:Arial,sans-serif; color: #626e71; line-height: 12px;  font-size: 12px; }
.dsGridPrimary td {

      padding: 8px;
      border: solid 1px #c1c1c1; }

.dsGridPrimary th  {
      padding : 8px;
      border: solid 1px #b9bbbd;
      color: #ffffff;
      background-color: #004b7a;
}


.dsGridPrimary th:visited  {
      padding : 8px;
      border: solid 1px #b9bbbd;
      color: #ffffff;
      background-color: #004b7a;      
}

.dsGridPrimary th:hover {
      padding : 8px;
      border: solid 1px #b9bbbd;
      color: #ffffff;
      background-color: #1d6c93;
}   

.dsGridPrimary th:active  {
      padding : 8px;
      border: solid 1px #b9bbbd;
      color: #ffffff;
      background-color: #004b7a;      
}    

#newPageSections .dsGridPrimary a:link
{
    color: #ffffff;
}

#newPageSections .dsGridPrimary a:visited
{
    color: #ffffff;
}

#newPageSections .dsGridPrimary a:hover
{
    color: #ffffff;
}
#newPageSections .dsGridPrimary a:active
{
    color: #ffffff;
}
.dsGridPrimary .alt {background: #fcfcfc;}
.dsGridPrimary .pgr {background: #363670; }
.dsGridPrimary .pgr table { margin: 3px 0; }
.dsGridPrimary .pgr td { border-width: 0; padding: 0 8px; border-left: solid 1px #b9bbbd; font-weight:normal; color: #fff;}  
.dsGridPrimary .pgr td a { color: #ffffff; text-decoration: none; }
.dsGridPrimary .pgr td a:active { color: #ffffff; text-decoration: none; }
.dsGridPrimary .pgr td a:visited { color: #ffffff; text-decoration: none; }
.dsGridPrimary .pgr td a:hover { color: #ffffff; text-decoration: none;}


/* Sub Page Level - Common Per Page   
=================================================== */

.company-info-extra{
    font-size:.75em;
    font-family:Arial, Helvetica, "sans-serif";
    color:#6d6d6f;
}

/* Sub Page Level - Home Page   
=================================================== */

#home-page
{
    margin:0px;
    padding:0px;
}

#home-page h2
{
    color:#2f4960;
    font-family: "3ds",sans-serif, Arial, "Helvetica Neue";
}



#home-banner
{
    position:relative;
    clear:both;
    padding:0px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 71%, rgba(216,216,216,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(71%, rgba(255,255,255,1)), color-stop(100%, rgba(216,216,216,1)));
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 71%, rgba(216,216,216,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 71%, rgba(216,216,216,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 71%, rgba(216,216,216,1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 71%, rgba(216,216,216,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8', GradientType=1 );
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

}

#home-banner-inner
{
  
    position:relative;
    clear:both;
    padding:0px;
    margin:0px;
    width:100%;
    min-width:1024px;
    height:368px;
    background-image: url('../images/HomeBanner1.png');
    background-repeat:no-repeat;
}


#img-home-search
{
    margin:0px;
    padding:0px;
}

#home-container{
   position:relative;
   background-color:#fff;
   font-size:1em;
   font-family:Arial, Helvetica, "sans-serif";
   height:45px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
      -ms-border-radius: 6px;
       -o-border-radius: 6px;      
          border-radius: 6px;
   padding:0px;
   border: 4px #adafb1 solid;
   margin:0px;
   width:531.5px;
   z-index:800;
   opacity: 1.0;
   filter: alpha(opacity=100); /* For IE8 and earlier */            
}

/*this gets activated/deactivated using jQuery via Scripts.js*/
#home-container.stretch
{
   position:relative;
   background-color:#fff;
   font-size:1em;
   font-family:Arial, Helvetica, "sans-serif";
   height:45px;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
      -ms-border-radius: 0px;
       -o-border-radius: 0px;      
          border-radius: 0px;
   padding:0px;
   border: 1px #adafb1 solid;
   margin:0px;
   width:100%;
   opacity: 1.0;
   filter: alpha(opacity=100); /* For IE8 and earlier */    
}

#master-search-container
{
    position: relative;
    background-color: #FFF;
    font-size: 1em;
    font-family: Arial,Helvetica,"sans-serif";
    height: 34px;
    border-radius: 6px;
    z-index: 800;
    opacity: 1;
    margin: -3px 0px 0px;
    border: 3px solid #B5B7B9;
}


table#home-search-grid {
	background:fff;
	margin:0px;
	width:100%;
}
table#home-search-grid th {
}
table#home-search-grid td {
}
.home-search-fixed-size{
	width:67px;
}
.home-search-auto-size{
	width:100%;
}

/*Scripts.js also modifies this element. Be sure to review as well */
#home-search
{
    clear:both;
    position:relative;
    right:62px;
    padding:10px;
    margin:0px;
    width:547px;
    height:auto;
    -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
      -ms-border-radius: 6px;
       -o-border-radius: 6px;      
          border-radius: 6px;
   float:right;
   background-color:#ffffff;
   opacity: 0.9;
   filter: alpha(opacity=90); /* For IE8 and earlier */  
   -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -ms-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
 
}

/*this gets activated/deactivated using jQuery via Scripts.js*/
#home-search.sticky 
{
    margin:9px 0px 0px 0px;
    padding:0px;
    position:fixed;
    left:0px;
    width:100%;
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    z-index:999;
    height:47px;      
}

#home-search.hideall #home-container
{
    display:none;
}

#home-search.hideall
{
    margin:0 auto;
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    visibility:hidden;
    width:90%;
    opacity:0;
    transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}

#home-search input[type=text]
{

  border-style:none;
    -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
      -ms-border-radius: 0px;
       -o-border-radius: 0px;      
          border-radius: 0px;
      height:42px;
      padding:0px 0px 0px 0px;
      margin:0px;
      width:465px;
      color: black;
      font-family:Arial;
      
      font-weight:400;
      font-size:16px;
      z-index:100;
      padding-left:10px;
      height: 42px;
      line-height: 42px;
}

#home-search.sticky input[type=text]
{

  border-style:none;
    -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
      -ms-border-radius: 0px;
       -o-border-radius: 0px;      
          border-radius: 0px;
      height:42px;
      width:100%;
      padding:0px;
      margin:0px;
      color: black;
      font-family:Arial;
      font-weight:400;
      font-size:16px;
      z-index:100;
      padding-left:10px;
}


#home-search-title h3
{
    font-family:"3ds",Arial, "sans serif";
    font-size: 1.422em;
    line-height: 1.222em;
    font-weight:400;
    color:#2f4960;
    margin: 4px 0px 8px 0px;
}
#inner-search-content
{
   
    clear:both;
    padding:0px;
    margin:0px;   
   opacity: 1.0;
   filter: alpha(opacity=100); /* For IE8 and earlier */       
}

#home-bodycount
{
    margin:14px 0px 0px 0px;
}

#About3DccContainer
{
   color:#2f4960;
   font-size:1.0em;
}

#supplier-container
{
  position:relative;
  width:900px;
  padding:0px;
  margin:0px auto 0px auto;
}
#supplier-left
{
 width:420px;
 position:relative;
 float:left;

}
#supplier-right
{
 width:470px;
 position:relative;
 float:right;
}   

#CallToActionSignUpContainer
{

    background-color: #b2b9bc;
    position: relative;
    height:312px; width: 100%;
    margin: 0px auto 0px auto; 
    padding: 0; 
    clear:both;
    padding:0px;
    background: rgba(253,253,253,1);
    background: -moz-linear-gradient(-45deg, rgba(253,253,253,1) 0%, rgba(253,253,253,1) 0%, rgba(246,246,246,1) 12%, rgba(178,185,188,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(0%, rgba(253,253,253,1)), color-stop(12%, rgba(246,246,246,1)), color-stop(100%, rgba(178,185,188,1)));
    background: -webkit-linear-gradient(-45deg, rgba(253,253,253,1) 0%, rgba(253,253,253,1) 0%, rgba(246,246,246,1) 12%, rgba(178,185,188,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(253,253,253,1) 0%, rgba(253,253,253,1) 0%, rgba(246,246,246,1) 12%, rgba(178,185,188,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(253,253,253,1) 0%, rgba(253,253,253,1) 0%, rgba(246,246,246,1) 12%, rgba(178,185,188,1) 100%);
    background: linear-gradient(135deg, rgba(253,253,253,1) 0%, rgba(253,253,253,1) 0%, rgba(246,246,246,1) 12%, rgba(178,185,188,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#b2b9bc', GradientType=1 );
}

#ds-subscription-button-table table
{
  border-collapse:collapse;
  width:100%;
  font-family: "3ds","sans-serif", Arial, "Helvetica Neue";
  text-transform: none;
  font-weight:normal;
 }

#ds-subscription-button-table td
{
    font-family:"3ds",Arial;
    border:1px solid #d4d8da;
    text-align:center;
    vertical-align:middle;
    width:130px;
    font-size:18px;
    font-weight:normal;
    color:#464647;

}

#ds-subscription-button-table th
{
    font-family:"3ds",Arial;
    border:1px solid #d4d8da;
    text-align:center;
    vertical-align:middle;
    padding:8px;
    height:50px;
    width:110px;
    font-size:18px;
    font-weight:normal;
    color:#464647;

}

#ds-subscription-button-table .feature-top-payment
{
    font-family:"3ds",Arial;
    font-size:18px;
    font-weight:normal;
    border:0px;
   text-align:center;
   color:#5a595b;
}

#ds-subscription-button-table .feature-price
{
    font-size: 16px;
    font-family: "Arial", sans-serif, Helvetica, "Lucida Grande", "Segoe UI";
    color:#005686;
    border:0px;
    text-align:center;
}

.ds-float-right-span
{
    font-family: "3ds",Arial;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 85px;
    padding: 0px;
    float: right;
    color: #A3A3A3;
}
       
/* Sub Page Level - Subscriptions Level Page   
=================================================== */
#ds-subscription-payment-table table
{
  border-collapse:collapse;
  width:100%;
  font-family: "3ds","sans-serif", Arial, "Helvetica Neue";
  text-transform: none;
  font-weight:normal;
}

#ds-subscription-payment-table td
{
    height:22px;
    border:1px solid #d4d8da;
    color:#005686;
    text-align:center;
    vertical-align:middle;
    padding:4px;

}

#ds-subscription-payment-table th
{
    font-family:"3ds",Arial;
    border:1px solid #d4d8da;
    text-align:center;
    vertical-align:middle;
    padding:8px;
    height:50px;
    width:105px;
    font-size:18px;
    font-weight:normal;
    color:#464647;

}

#ds-subscription-payment-table .feature-price
{
    font-size: 16px;
    font-family: "Arial", sans-serif, Helvetica, "Lucida Grande", "Segoe UI";
    color:#005686;
}

#ds-subscription-payment-table .feature
{
    font-family:"3ds",Arial;
    width:280px;
    text-align:left;
    font-size:14px;
    font-weight:normal;
    color:#005686
}

#ds-subscription-payment-table .feature-payment-mode
{
    font-family:"3ds",Arial;
    width:280px;
    text-align:left;
    font-size:14px;
    font-weight:normal;
    margin: 20% auto;
    vertical-align:middle;
    color:#005686
}

#ds-subscription-payment-table .professional
{
   
}


#ds-subscription-payment-table .feature-top
{
   border:1px solid #fff;
   border-right: 1px solid #d4d8da;
   border-bottom: 1px solid #d4d8da;
   text-align:left;
   color:#5a595b;
}

#ds-subscription-payment-table .feature-top-payment
{
    font-family:"3ds",Arial;
    font-size:18px;
    font-weight:normal;
    border:0px;
   text-align:left;
   color:#5a595b;
}


#ds-subscription-payment-table th:first-child input[type='radio']
{
    -webkit-appearance: none;
    display:inline-block;
    vertical-allign:top;
    width: 20px;
    height: 20px;
    border: 1px solid #548DD4;
    border-radius: 50%;
    outline: none;
    box-shadow: 0 0 5px 0px #548DD4 inset;
}
#ds-subscription-payment-table th:first-child input[type='radio']:hover 
{
    box-shadow: 0 0 5px 0px #548DD4 inset;
}
#ds-subscription-payment-table th:first-child input[type='radio']:before 
{
    content: '';
    margin-top:4px;
    display:inline-block;
    vertical-allign:top;
    width: 60%;
    height: 60%;
    border-radius: 50%;
}

#ds-subscription-payment-table th:first-child input[type='radio']:checked:before 
{
    margin-left:4px;
    background: #548DD4;
}

#ds-subscription-payment-table .feature-disabled
{
   color:#cdcdcd;
  
}

#ds-level-subscription-specific h2
{
   /*font-family:Arial;
   font-weight:bold;*/
   font-size:20px;
   margin: 10px 0px 0px 0px;
}

#ds-level-subscription-specific span
{
    font-size:12px;
    color:#808184;
}

#ds-subscription-table table
{
  border-collapse:collapse;
  width:100%;
  font-family: "3ds","sans-serif", Arial, "Helvetica Neue";
  text-transform: none;
  font-weight:normal;
}

#ds-subscription-table td
{
    height:35px;
    border:1px solid #d4d8da;
    color:#005686;
    text-align:center;
    vertical-align:middle;
    padding:8px;

}

#ds-subscription-table .paidFeature
{
    text-align:center;
    vertical-align:middle;
    font-weight:normal;
    color:#FFFFFF;
    background-color: #00A158;
}

#ds-subscription-table .feature-payment-mode
{
    font-family:"3ds",Arial;
    width:280px;
    text-align:left;
    font-size:14px;
    font-weight:normal;
    margin: 20% auto;
    vertical-align:middle;
    color:#005686
}


#ds-subscription-table .feature-price
{
    font-size: 16px;
    font-family: "Arial", sans-serif, Helvetica, "Lucida Grande", "Segoe UI";
    color:#005686;
}

#ds-subscription-table th
{
    font-family:"3ds",Arial;
    border:1px solid #d4d8da;
    text-align:center;
    vertical-align:middle;
    padding:8px;
    height:50px;
    width:100px;
    font-size:18px;
    font-weight:normal;
    color:#464647;

}

#ds-subscription-table .feature
{
    font-family:"3ds",Arial;
    width:270px;
    text-align:left;
    font-size:14px;
    font-weight:normal;
    color:#005686;
}

#ds-subscription-table .feature-quote 
{
    font-size: 12px;
}

#ds-subscription-table .feature-top
{
   border:1px solid #fff;
   border-right: 1px solid #d4d8da;
   border-bottom: 1px solid #d4d8da;
   text-align:left;
   color:#5a595b;
}

#ds-subscription-table .feature-top-payment
{
    font-family:"3ds",Arial;
    font-size:18px;
    font-weight:normal;
    border:0px;
   text-align:left;
   color:#5a595b;
   padding-top: 25px;
}

#ds-subscription-table .feature-disabled
{
   color:#cdcdcd;
}

#ds-subscription-table .featureDiskSpace
{
   height:42px;
  
}

#ds-subscription-table .uc-tooltip-icon-subscription 
{ 
    cursor: help; font-weight: bold; font-size: larger; height: 30px; width: 16px; display: inline-block; vertical-align: middle; background: transparent url('/images/temp/I_Fonticon-Temp-Info_20.png') no-repeat center center; 
}

/* User Controls - User/Supplier Information  
=================================================== */

#ds-user-info {
    overflow: hidden;
    width: auto;
    right: 15px;
    top: 8px;
    position: absolute;
    z-index: 100;   
    color: #696969;
    font: 11px arial;
    border: solid 1px transparent;
}
/*#ds-user-info:hover
{
    background: none repeat scroll 0 0 #ffffff;
    border: solid 1px #b9bbbd;
    color: #696969;
    font: 11px arial;
    overflow: hidden;
    position: absolute;
    right: 15px;
    top: 8px;
    width: auto;
    z-index: 100;
}*/
.ds-user-info-row
{
    font: 11px arial;
}
.ds-user-info-italic
{
    font: 11px arial italic;
}
.userProfileImg
{
    width: 38px;
    height: 42px;
    border: 1px solid #6d6e71 !important;
}
div#ProfileMeter
{
	width: 100px;
	height: 7px;
	border: 1px solid #6d6e71;
	background-color: #fff;
	overflow: hidden;
} 
.tblUserInfo td
{
    padding: 2px;
    text-align: right;
    line-height: 1.2;
}
.rowFill
{
    background-color: #ebeced;
    border-top: 1px solid #b9bbbd;
    text-align: center;
    padding: 4px;
}
.ds-user-info-profile-button 
{
    background: rgba(241,242,242,1);
    background: -moz-linear-gradient(top, rgba(241,242,242,1) 0%, rgba(230,231,232,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,242,242,1)), color-stop(100%, rgba(230,231,232,1)));
    background: -webkit-linear-gradient(top, rgba(241,242,242,1) 0%, rgba(230,231,232,1) 100%);
    background: -o-linear-gradient(top, rgba(241,242,242,1) 0%, rgba(230,231,232,1) 100%);
    background: -ms-linear-gradient(top, rgba(241,242,242,1) 0%, rgba(230,231,232,1) 100%);
    background: linear-gradient(to bottom, rgba(241,242,242,1) 0%, rgba(230,231,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f2f2', endColorstr='#e6e7e8', GradientType=0 );
    position:relative;
    cursor:pointer;
    border:1px solid #a7a9ac;
    font-family:"3ds", Arial, "sans serif";
    font-weight:normal;
    font-size:14px;
    color:#5b5b5b;
    padding:3px 6px;    
} 
.ds-user-info-profile-button:hover,input[type="submit"].ds-btn-default:hover, input[type="reset"].ds-btn-default:hover, html input[type="button"].ds-user-info-profile-button:hover {
    background: rgba(229,231,233,1);
    background: -moz-linear-gradient(top, rgba(229,231,233,1) 0%, rgba(211,214,214,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,231,233,1)), color-stop(100%, rgba(211,214,214,1)));
    background: -webkit-linear-gradient(top, rgba(229,231,233,1) 0%, rgba(211,214,214,1) 100%);
    background: -o-linear-gradient(top, rgba(229,231,233,1) 0%, rgba(211,214,214,1) 100%);
    background: -ms-linear-gradient(top, rgba(229,231,233,1) 0%, rgba(211,214,214,1) 100%);
    background: linear-gradient(to bottom, rgba(229,231,233,1) 0%, rgba(211,214,214,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e7e9', endColorstr='#d3d6d6', GradientType=0 );    
    position:relative;
    cursor:pointer;
    border:1px solid #5b5d5e;
    font-family:"3ds", Arial, "sans serif";
    font-weight:normal;
    font-size:14px;
    color:#5b5b5b;
    padding:3px 6px;
} 
#userInfoBottom
{
    display: none;
    width: 100%;
    padding: 2px;
}
#ds-user-info:hover #userInfoBottom { display: table; }
#ds-companyinfo-table
{
    font-size: 13px;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(center top , #f5f5f5, #f1f1f1);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    color: #444444;
    min-width: 54px;
    padding: 0 10px;
    text-align: left;
}
.ds-imgDiv {
    border: 0px solid rgba(0, 0, 0, 0.1);
    height: auto;
    text-align: left;
    width: auto;
    max-width:100%;
    max-height:100%;        
}
.ds-comp-Table
{
    display: table;
    width: 100%;
    border-spacing: 5px;
    line-height: 1.6em;
}
.ds-comp-Table-headRow
{
    display: table-row;
}
.ds-comp-Table-Row
{
    display: table-row;
    width: auto;
    clear: both;
}
.ds-comp-Table-headCell
{
    /* font-family: "Palatino Linotype" , "Book Antiqua" ,Palatino,serif; */
    display: table-cell;
    width: 100px;
    text-align: left;
}    
.ds-comp-Table-Cell
{
    display: table-cell;
    width: 100px;
    text-align: left;
}   
/* Div Table with Column span */
div.table
{
    display:table;
    border-collapse:collapse;
    width: 100%;
    border-spacing: 5px;
    line-height: 1.6em;
}
div.row
{
    display:table-row;
}
div.cell
{
    display:table-cell;
    text-align: left;
}
div.colspan>div
{
    width:1px;
}
div.colspan>div>div
{
    position:relative;
    width:280px;
}

/* Popular Tags - Default Home Page   
=================================================== */
#popularTags
{
    text-align:justify;
    vertical-align: baseline;
    padding: 0px 0px 10px 0px;
    line-height: 1.7em;
}

#popularTags div.rightSectionLinks
{
    padding: 10px 0px 2px 0px;
    line-height: normal;
    margin-bottom: 2px;
}

/*-- Primary Popular Tag Anchor Rules -- */
a#popularTags:link, a#popularTags:visited, 
a#popularTags:hover,a#popularTags:active
{
	text-decoration: none;margin-left: 5px;float: left;

}
a#popularTags:hover { text-decoration: underline; }

/*-- Not Popular Tag Anchor Rules -- */
#popularTags a.not_popular:link, #popularTags a.not_popular:visited,
#popularTags a.not_popular:hover,#popularTags a.not_popular:active
{font-size: 1.1em; color: #414042;margin-left: 5px;float: left;text-decoration: none;}

/*-- Not Very Popular Tag Anchor Rules -- */
#popularTags a.not_very_popular:link, #popularTags a.not_very_popular:visited,
#popularTags a.not_very_popular:hover,#popularTags a.not_very_popular:active
{font-size: 1.2em; color: #a7a9ac;margin-left: 5px;float: left;text-decoration: none;}

/*-- Somewhat Popular Tag Anchor Rules -- */
#popularTags a.somewhat_popular:link, #popularTags a.somewhat_popular:visited,
#popularTags a.somewhat_popular:hover,#popularTags a.somewhat_popular:active
{font-size: 1.3em; color: #b9babd;margin-left: 5px;float: left;text-decoration: none;}

/*-- Popular Tag Anchor Rules -- */
#popularTags a.popular:link, #popularTags a.popular:visited,
#popularTags a.popular:hover,#popularTags a.popular:active
{font-size: 1.4em; color: #58595b;margin-left: 5px;float: left;text-decoration: none;}

/*-- Very Popular Tag Anchor Rules -- */
#popularTags a.very_popular:link, #popularTags a.very_popular:visited,
#popularTags a.very_popular:hover,#popularTags a.very_popular:active
{font-size: 1.5em; color: #414042;margin-left: 5px;float: left;text-decoration: none;}

/*-- Ultra Popular Tag Anchor Rules -- */
#popularTags a.ultra_popular:link, #popularTags a.ultra_popular:visited,
#popularTags a.ultra_popular:hover,#popularTags a.ultra_popular:active
{font-size: 1.6em; color: #797a7c;margin-left: 5px;float: left;text-decoration: none;}

/*Popular Tag Hover Anchor Rules -- */
#popularTags a.not_popular:hover,#popularTags a.not_very_popular:hover,
#popularTags a.somewhat_popular:hover,#popularTags a.popular:hover,
#popularTags a.very_popular:hover, #popularTags a.ultra_popular:hover
{ text-decoration: underline;margin-left: 5px;float: left}


/* Sub Page Level - Supplier Dashboard Page   
=================================================== */
#supplier-dashboard
{
    margin:0;
    padding:0;
    width:auto;
}
.ds-supp-dashboard-Table {
    display: table;
    width: 100%;    
    border: 1px solid #909295;
    color: #808184;
}
.ds-supp-dashboard-Table-headRow
{
    display: table-row;
    background-color: #E5E6E7;
    width:auto;
    clear:both;
}
.ds-supp-dashboard-Table-Row
{
    display: table-row;
    width: auto;
    clear: both;
}
.ds-supp-dashboard-Table-headCell
{
    display: table-cell;
    width: 100%;
    text-align: left;
    padding: 5px;
    border-bottom: 1px solid #909295;
}    
.ds-supp-dashboard-Table-Cell
{
    float:left;/*fix for  buggy browsers*/
    display:table-column;         
    width:100px;         
    text-align: left;
    padding: 5px;
}
.ds-common-button 
{
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(center top , #f5f5f5, #f1f1f1);
    border: 1px solid #909295;
    border-radius: 2px;
    color: #444444;
    line-height: 27px;
    margin: 2px 0;
    min-width: 54px;
    padding: 3px 10px;
    text-align: center;
}
.ds-divTable{
  display:table;         
  width:100%;
  font-size: 95% !important;         
}
.ds-divRow{
  display:table-row;
  width:auto;
  clear:both;
}
.ds-divCell{
  display:table-cell;         
  /* width:50%; */
  padding: 5px 5px 5px 0px;
}
.ds-div-block-indent-1 {padding-right: 15px !important;}
.ds-verticle-line
{
    border-right: 1px solid #909295;
    /* padding-right: 10px; */
}
.ds-horizontal-line
{
    border-bottom: 1px solid #909295;
    padding: 5px 0px 5px 0px;
}
.ds-horizontal-line-1
{
    border-bottom: 1px solid #909295;
    padding: 2px;
}
.ds-horizontal-blue-line
{
    border-bottom: 2px solid rgb(129, 173, 220);
}

div#Profile_Meter
{
    width: 100%;
    height: 15px;
    border: 1px solid #666;
    background-color: #fff;
    overflow: hidden;
}
table#Meter_Fill td
{
    background: #5a79af url('../images/bckgrnd_progress.png' ) repeat-x center center;
    height: 15px;
}
.Meter_Fill
{
    background: #5a79af url('../images/bckgrnd_progress.png' ) repeat-x center center;
    height: 15px;
}

/* Sub Page Level - Usage Report Page   
=================================================== */
#sub-usage-report
{
    margin:0;
    padding:0;
    width:auto;
}

#usage-report-ddls
{
    width:111px;
    font-size:.75em;
    font-family:Arial, Helvetica, "sans-serif";
    color:#6d6d6f;
}

.msgValidation
{
      color: Red;
      float: right;
      margin-right: 35px;
      line-height: 0em;
      font-size: 1em;
}

/*-----------------X-----------------*/

div.accountInfo
{
    width: 42%;
}

.ds-inline
{
    display: block;
    padding-bottom: 10px;
}
.ds-inline label
{
    display: inline;
    padding-left: 10px;
}

.ds-inline-0 label
{
    display: inline; 
    /* Inline display no initial padding */
}

.ds-checkbox-inline-single
{
   display: block;
}

.ds-checkbox-inline-single label
{
     display: block !important;
      margin-left: 20px;
      margin-top: -15px;
}
/* TYPOGRAPHY  
----------------------------------------------------------*/
.smaller{
    font-size:smaller;
}

.x-smaller{
    font-size:x-small;
}


/*Special Containers
==========================================================*/

#ds-company-info h2
{
    font-family:"sans-serif",Arial,"Helvetica Neue";
    font-size:1.6em;
    text-transform: none;
    margin: 8px 0px 12px 0px;
    color:#464646;
    font-weight:400;
}

#ds-company-info #logo-container
{
    border:1px solid #919296;
    width:264px;
}

#ds-company-info table
{
    width:100%;
    margin:0px 0px 20px 0px;
}
#ds-company-info table, #ds-company-info th, #ds-company-info td
{
    margin:0;
    padding:4px;
    font-family:Arial, Helvetica, sans-serif;
    color:#6d6d6f;
    vertical-align:top;
    text-align:left;

}

#ds-company-info th, #ds-company-info td
{
    margin:0;
    padding:4px;
    font-family:"sans-serif",Arial, Helvetica;
    color:#6d6d6f;
    vertical-align:top;
    font-size:.855em;
    line-height:1.0em;
}

#ds-company-info th
{
    font-size:larger;
}

#ds-company-info .left-size
{
    width:68px;
}

#ds-company-info .right-size
{
    width:100px;
}

/* MISC  Default from Microsoft. Dropping soon...
----------------------------------------------------------*/

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link, loginDisplay a:visited, .loginDisplay a:hover
{
    color: white;

}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.ds-gray-button
{
    border: 1px solid #ccc;
    color: #999;
    font-size: 12px;
    background-color: #EBEBEB;
    padding: 2px 10px 2px 10px;
}
.ds-gray-button-enabled
{
    border: 1px solid #000;
    color: #000;
}

.left-links, .right-links
{
    text-decoration: underline; font-size:.85em;position:relative;
}
.left-links
{
   text-align:left; float:left;
}
.right-links
{
    text-align:right; float:right;
}

.rememberIt
{
    font-size:.7562em;text-align:left;padding:4px 4px 0px 0px;position:relative; color: #6D6E71;
}


.modal-body-login-only
{
     font-weight:bold;
}


/* DS Customizatins & Overrides
===================================== */
.img-Container /* Adjusted line-height for UIKIT fonts */
{
    border: 1px solid #cccccc;
    background-color: #FFFFFF;
    line-height: normal;
    text-decoration:none;
}

.ds-thumbContainer
{
    background-color: #FFFFFF;
    border: 1px solid #CCC;
    height: 125px;
    width: 135px;
    margin: 0 auto;
    display: inline-block;
    text-align:center;
    /* padding: 10px; */
}

.ds-thumbContainer > div.ds-centerer
{
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

img.ds-thumbnail
{
    width: 120px;
    border: 0px;
    max-height: 120px;
}

.dsWidth137
{
    width: 137px;
}
.dsLineHeight10
{
    line-height: 10px;
}

a.dsLink_3:link, a.dsLink_3:visited
{
    font-size: 12px;
    color: #0B3861;
    font-weight: bold;
}
a.dsLink_4:link, a.dsLink_4:visited
{
    font-size: 13px;
    color: #424242;
}

.ds-detail
{
    font-size: .75em;
    font-family: Arial, "sans-serif";
    color: #6d6d6f;
}
.ds-detail td
{
    line-height: 3.0em;
    vertical-align: top;
}


/* Banner Customization & Overrides
--------------------------------*/
.setBanner
{
    float: right;
    width: 290px;
    height: 123px;
    padding: 82px 0 0;
    position: relative;
}
.setBanner .HomeBanner
{
    position: absolute;
    z-index: 1;
    background-color: #FFFFFF;
    border: 1px solid #CCC;
    right: 0;
}

/* Change/upload image logo on image logo */
.ds-company-image
{
    position: relative;
    left: 0;
    top: 0;
}
.ds-company-image .ds-logo-upload
{
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.ds-company-image .ds-delete-button
{
    position: absolute;
    top: 0px;
    right: 0px;
}

/* MEMBER BOX (SCROLLABLE DIV) IN COMPANY INFORMATION
-------------------------------------*/
.ds-member
{
    border: 1px solid #ccc;
    background-color: #EBEBEB;
    position: relative;
    width:470px;
}

.ds-member-header
{
    vertical-align: middle;
    padding-left: 10px;
}
.ds-member-middle
{
    height: 290px;
    width:100%;
    overflow-y: scroll;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #DDD;
}
.ds-member-bottom
{
    vertical-align: middle;
    padding-left: 10px;
    position: relative;
}
 .select-box
{
    border: 1px solid lightblue;
    opacity: .85;
}
.ds-memeber-list
{
    margin-left: 16px;
    margin-top: 10px;
}
.ds-memeber-list td
{
    line-height: 0em;
}
.ds-member-header img
{
    margin: 6px 6px;
}
/* POP-Up
--------------------*/
.model-overlay
{
    background: black;
    opacity: .85;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
}
.box-model
{
    position: fixed;
    top: -1000px;
    left: 30%;
    right: 30%;
    background-color: #fff;
    color: #7F7F7F;
    padding: 20px;
    border: 2px solid #fff;
    z-index: 1002;
    min-height: 250px;
}
a.boxclose
{
    float: right;
    margin-top: -75px;
    margin-right: -15px;
    cursor: pointer;
    color: #ccc;
    border: 1px solid #ccc;
    border-radius: 31px;
    font-size: 40px;
    display: inline-block;
    line-height: 0px;
    padding: 21px 11px;
    font-family: Calibri;
}
.boxclose:before
{
    content: "×";
}
.boxfooter
{
    bottom: 0px;
    position: absolute;
    right: 5px;
    height: 30px;
}


/* AJAX TOOLKIT CONTROLS for New Pages   
----------------------------------------------------------*/

 /*Modal Popup*/
 .modalBackground {
	background-color:black;
	filter:alpha(opacity=70);
	opacity:0.7;
	position:relative;
	z-index:10000;
	
  }

  .modalPopup 
  {
      position: absolute;
      top: 10%;
      right:50%;
      width: 350px;
      background-color: #ffffff;
      cursor:default;
      border: 1px solid #999;
      border: 1px solid rgba(0, 0, 0, 0.3);  
      outline: none;
      -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
         -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
              box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	    z-index:10001;
  }


 /*If you want to be able to have a drag feature,
  * you can use the drag-modal-header style in 
  * conjunction with a drag container of some kind
  * (a literal control) */
 .modalPopup .drag-modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
  background-color:#e5e6e7;
  cursor:move;
  text-align:center;
}

 /*JS - not sure if someone created 
  drag-modal-header for their own purpose.
  creating a short version to add to ajax
  modals in specific*/
 .modalPopup .drag-mod-header {
  cursor:move;
}

 .modalPopup .modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #d1d5d7;
  background-color:#e5e6e7;
  cursor:default;
  text-align:center;
}

.modalPopup .modal-header .close 
{
  position:absolute;
  margin:-39px -3px 0px 0px;
  width:30px;
  height:30px;
  top:0px;
  right:0px;
  z-index:10002; 
  cursor: pointer; 
}

 .modalPopup .modal-header h3 {
  margin: 0;
  line-height: 30px;
  color: #005686;
  font-family:"3ds", "sans-serif";
  font-weight:normal;
  font-size:1.5em;
  line-height:1.5em;
}

 .modalPopup .modal-body {
  position: relative;
  max-height: 600px;
  padding: 15px;
  color:#6d6e71;
  font-family:Arial, helvetica, sans-serif;
  font-size:0.970em !important;
  line-height:1.5em;
}

 .modalPopup .modal-body input {
  width:94%;
}

 .modalPopup .modal-form {
  margin-bottom: 0;
}

 .modalPopup .modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #d1d5d7;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
     -moz-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
}

 .modalPopup .modal-footer:before,
 .modalPopup .modal-footer:after {
  display: table;
  line-height: 0;
  content: "";
}

.modalPopup .modal-footer:after {
  clear: both;
}
.modalPopup .modal-footer .btn-editprofile-group
{
    display: flex;
    float: right;
    width: 206px;
}   

.modalPopup p {
    padding: 5px;
}

.modalPopup .modal-footer a:link,.modalPopup .modal-footer a:visited,
.modalPopup .modal-footer a:hover,.modalPopup .modal-footer a:active
{
    color: #3294c5 !important;
    font-size:1.0em !important;
    text-decoration:underline;    
}
.modalPopup a:hover
{
    color: #1386bf !important;
}

.modalPopup .center-buttons
{
    text-align:center;
}
.modalPopup .left-align-links
{
    text-align:left;
    float:left;
}
.modalPopup .right-align-links
{
    text-align:right;
    float:right;
}
/*You'll want to add this style to the hidden controls
used in targeting when using the server side version. */
.modalPopupHiddenControls
{
    display:none;
}

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

/*---------------------*/
.camera-icon
{
    font-size: 38px;
    color: #BEBEBE;
   /* padding: 8px 0px;*/
}
.user-role-icon
{
    font-size: 18px;
    padding: 2px 0px;
}
.icon-Viewer
{
    color: #7a7a7a;
}
.icon-Admin
{
    color: #ff8800;
}
.icon-Contributor
{
    color: #368ec4;
}
.add-button-container
{
    height: 112px;
    width: 112px;
    border: 1px solid #ccc;
    text-align: center;
}
.add-button-container .add-button
{
    font-size: 70px;
    color: #477738;
    margin-top: 55px;
    display: block;
}
.add-button-container .inner-text
{
    display: block;
    margin-top: 38px;
}
.datalayout > span
{
    float: left;
}

/* Success Message */
 .ds-Message-box
{
    float: left;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 3px;
    margin-bottom: 10px;
    background-color: #F0FDE3;
    border: solid 1px #56890A;
    display: none;
}
.ds-msgbox-close
{
    vertical-align: top;
    text-align: right;
    width: 30px;
    float: left;
    font-weight: 800;
}
/*-------------------------
--------- TOOLTIP--------*/

.toolTipWithCloseBtn
{
    width: 400px;
    cursor: help;
    text-shadow: 0 1px 0 #fff;
    position: absolute;
    z-index: 999;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 3px 0 rgba(0,0,0,.7);
    background: #ffffff;
    border: 1px solid #ccc;
    background: linear-gradient(top, #fff1d3, #ffdb90);
}
.toolTipWithCloseBtn #tooltipClose
{
    position: absolute;
    right: 3px;
    top: 1px;
    color: red;
    cursor: pointer;
}
.HideGvColumn
{
    display: none;
}

/* LOgin Dropdown list */
/*This is the positioning arrow for dropdowns*/
.LoginDropdown.has-sub > a {
  padding-right: 25px;
    top: 0px;
    left: 0px;
}

/*This is the appearance of the arrow for dropdowns*/
.LoginDropdown.has-sub > a::after {
  content: ".";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #004b7a;
  right: 7px;
  top: 15px;
}

/*we might drop this*/
.LoginDropdown.has-sub.active > a::after,
.LoginDropdown.has-sub:hover > a {
  border-top-color: #1386bf;
}

/*This is the appearance of the arrow for dropdowns hover*/
.LoginDropdown.has-sub:hover > a::after {
  content: ".";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #1386bf;
  right: 7px;
  top: 15px;
}


/* styles for Tabs on MyDashboard page */
ul#tabnav
{
/* general settings */
    text-align: center; /* set to left, right or center */
    border-bottom: 1px solid #909295; /* set border COLOR as desired */
    list-style-type: none;
    padding: 6px 10px 6px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

div#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

div#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 7px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 6px 15px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #909295; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #dce0e2; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: -4px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

a.title-Link:link, a.title-Link:visited {
    color: #005686;
    font-family: "3ds",Arial,"sans serif";
    font-size: 1.5em;
    text-transform: none;    
    font-weight: bold;
    text-decoration: none;
}
a.title-Link:hover {
    text-decoration: underline;
}

/* This is to initially hide any webgl notifications */
.lblWarning 
{
	color: Black;
	font-style: italic;	
}
#lblNoWebGl  
{
	display: none ;
	z-index: 33;
	position:absolute;
	top:2px;
	width:400px;
}
 .date-textbox-dropimg
{
    background: white url(../images/icon_cm_arrowdown.gif) right no-repeat;
    
}
.setIcon
{
    position:relative;
    z-index: -1;
}
.setIcon span
{
    top: 3px;
    left: 3px;
    position:absolute;
}
/* Style for things that must HIDE when javascript is disabled */
.nojavascripthide
{
	display: none;
}
/* Style for things that must SHOW when javascript is disabled */
.nojavascriptshow
{
	display: block;
}
.main{
    display:table;
}
.container{
    display:table-cell;
    vertical-align:middle;
}
.contents{
    margin: 24px 0;
}


/* Favorites */
ul#favoriteContentNav
{
    /* general settings */
    text-align: center; /* set to left, right or center */
    border-bottom: 1px solid #909295; /* set border COLOR as desired */
    list-style-type: none;
    padding: 0px 0 3px 0px; /* THIRD number must change with respect to padding-top (X) below */
    -webkit-padding-before: 0px; /* Chrome Only */
    -webkit-padding-end: 0px; /* Chrome Only */
    -webkit-padding-after: 2px; /* Chrome Only */
    -webkit-padding-start: 0px; /* Chrome Only */
}
@-moz-document url-prefix() {
    /* Targetting firefox only */
    ul#favoriteContentNav
    {
        text-align: center;
        border-bottom: 1px solid #909295;
        list-style-type: none;
        padding: 0px 0 2px 0px;
        -webkit-padding-before: 0px; /* Chrome Only */
        -webkit-padding-end: 0px; /* Chrome Only */
        -webkit-padding-after: 2px; /* Chrome Only */
        -webkit-padding-start: 0px; /* Chrome Only */
    }
}
ul#favoriteContentNav li
{
    /* do not change */
    display: inline;
}
ul#favoriteContentNav li a
{
    /* settings for all tab links */
    padding: 3px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #909295; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: #dce0e2 !important; /* set unselected tab background color as desired */
    color: #666; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
}
ul#favoriteContentNav a:hover
{
    /* settings for hover effect */
    background: #fff !important; /* set desired hover color */
}
div#favLinks li.favLinksTab1, div#favLinks li.favLinksTab2, div#favLinks li.favLinksTab3, div#favLinks li.favLinksTab4
{
    /* settings for selected tab */
    border-bottom: 1px solid #fff; /* set border color to page background color */
    background-color: #fff; /* set background color to match above border color */
}
div#favLinks li.favLinksTab1 a, div#favLinks li.favLinksTab2 a, div#favLinks li.favLinksTab3 a, div#favLinks li.favLinksTab4 a
{
    /* settings for selected tab link */
    background-color: #fff !important; /* set selected tab background color as desired */
    position: relative;
    top: 1px;
    font-weight: bold;
    padding-top: 4px; /* must change with respect to padding (X) above and below */
}
.topContributed  > div
{
    border-spacing: 4px;
    display: table;
    float: left;
    margin: 0;
    text-align: justify;
    width: 146px;
}
.topContributed .isMacro {
    width: 132px;
    border: 1px solid #ccc;
    border-spacing: 2px;
    margin: 0 3px;
    display: table;
    height: 195px;
}
/*--------------------------------
    TOOLTIP User defined tooltip used in Usage report page------*/
.gvtooltip
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: auto;
    max-width:200px;
    background-color:#F1F2F6;
    color: #000;
    border: 1px solid #000;
    padding: 3px;
    font-size: 9pt;
    font-family: Arial;
    display:none;
}

.InformationIcon
{
    color:#42A2DA; 
    font-size:16px; 
    cursor: pointer;
}

div#loading
{
    font-size: 12px; 
    font-weight: bold; 
    color: #1386BF;
}

/* -------- Register Page ---------- */
.deactive
{
    color: #ccc;
}
.step
{
    display: none;
}
.active
{
    display: inherit;
}
.red
{
    color: red;
}
.headerContentBold
{
    color: #545454;
    font-weight: 600;
    font-size: 1.0em;
}
.inputField, .inputCol
{
    width: 240px;
    vertical-align: middle;
}

.selectField
{
    width: 254px;
    vertical-align: middle;
}

.labelCol
{
    text-align: right;
    vertical-align: middle;
    width: 20%;
    white-space: nowrap;
}
.usersetting
{
    vertical-align: middle;
   /* white-space: nowrap;*/
}
fieldset
{
    width: 100%;
    line-height: 1.4em;
}
.mask_page
{
    position: absolute;
    width: 1024px;
    height: 100%;
    margin:auto;
    top: 0;
    left: 0;
    right:0;
    z-index: 1000000;
    background-color: black;
    opacity: 0.4;
}

.genericUIMessageImage
{
	font-size: 18px;
}
.subHeaderSortby
{
    width:110px;
    margin-top:10px;
    height:25px;
}

.viewAllContentCategories
{
    text-align:left;
    padding:6px;
    line-height:1.35;
}
.viewAllContentCategoriesList
{
    list-style:inherit;
}
.terms
{
    display:none;
    float: right;
}
.font-attention
{
    font-size:18px;
    color:#FF7900;
}
.powerby
{
    line-height:35px;
    padding:10px; 
    font-size:14px;
    font-weight:600;
    color:Gray;
}
.promo_graphics
{
    box-sizing: border-box;
    float: none;
    width: 238px;
    height: auto;
    margin: 0 auto;
    background-color: #ffffff;
    border: 1px solid #ccc;
}
/* -------- Demo/Default/Demo.aspx ---------- */
div#flash
{
	float: left;
	width: 100%;
	height: 600px;
}
div#download
{
    float:left;
    text-align: center;
    width: 300px;
    vertical-align: top;
}
div#download span
{
    text-decoration: underline;
    color: #2E3585;
}
 
body.ds-canvas-width-1024 {width: 100%; margin: auto;}
body.ds-canvas-width-1024 > form { width: 1024px; margin: auto;}
body.ds-canvas-width-1024 > form header > #the-header  .canvas-width-1024 { width: 1024px !important; margin: auto; }
body.ds-canvas-width-1024 > form footer > #the-footer  .canvas-width-1024 { width: 1042px !important; margin: auto;  }

.reportbeta
{
    color: red !important;
	text-decoration: underline;
}	

.cursor-default {
    cursor: default;
}
table.truncate-content
{
    table-layout: fixed;
}
table.truncate-content td
{
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis;
}


.uc-completion-list-holder
{
  z-index: 1000;
  padding: 8px;
  background-color: White;
  border: solid 1px rgba(82, 168, 236, 0.8);
  width: auto !important;
  margin-left: 0;
  margin-top: -1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

/* Using in Home Page */
.uiMessage
{
    position: absolute;
    width:100%;
    min-width: 1024px;
    font-size: 0.8em;
    margin-top: 10px;
}

/* Forms */
.outer-content
{
    width: 1000px;
    margin: 0px auto;
    border-top: 1px solid transparent;
}
.description-content
{
    margin: 30px 0px;
}
.form-content
{
    width: 600px;
    padding: 25px;
    border: 1px solid #DDD;
    box-shadow: 0px 0px 20px 5px #EEE;
    margin: 40px auto;
}
.form-inner-content
{
    display: table;
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
    font-size: 15px;
}
.form-item
{
    display: table-row;
}

/* Required Field Validator*/
.rfvMessage
{
  color: #FF7900;
  padding: 0;
  margin: 0;
  font-size: 1.8em;
}
/* Web Syndication Messages over image */
.syndicationBanner {
  height: auto;
  width:auto;
  position: relative;
  font-family:"3ds", Arial, "sans serif";
}
.syndicationBanner > #imgSyndication {
  position: inherit;
}
.syndicationBanner  #headerSection
{
    z-index: 10;
    position: absolute;
    color: #0576a0;
    font-size: 21px;
    left: 16px;
    top: 9px;
}
.syndicationBanner  #ContentSection
{
    z-index: 10;
    position: absolute;
    color: #858688;
    font-size: 17px;
    left: 170px;
    top: 48px;
}
.syndicationBanner  #infoSection
{
    z-index: 10;
    position: absolute;
    color: #0576a0;
    font-size: 18px;
    left: 163px;
    top: 110px;
}
 .syndicationBanner  #ContentSection a,.syndicationBanner #infoSection a
 {
      color: #0576a0;
      font-size: inherit;
      text-decoration: none;
 }
 .syndicationBanner  #ContentSection a:hover,.syndicationBanner #infoSection a:hover
 {
      color: #0576a0;
      text-decoration: underline;
      font-weight: bold;
 }
  .not-active {
   pointer-events: none;
   cursor: default;
   color: #CCCCCC !important;
}