/********************************************************
* OFCDesk, LLC - Copyright 2008
* CSS Version: 2.1
*********************************************************
* URL		: http://www.contentcommunity.com
* Filename	: styScreen.css
* Version	: 1.0
*
* Author	: OFCDesk, LLC
* Date		: 30/05/2008
********************************************************/

/********************************************************
=|general
********************************************************/
*
{
	border:				none;
	color:				#000;
	font-family:		verdana, sans-serif;
	font-size:			10px;
	font-weight:		normal;
	line-height:		15px;
	margin:				0;
	padding:			0;
	outline:			none;
	text-align:			left;
	text-decoration:	none;
}

body
{
	background:			#fff;
	display:			block;
	text-align:			center;
}

div#container
{
	background:			#ededed ;
	display:			block;
	margin:				0 auto;
	overflow:			hidden;
	padding:			0;
	*padding:			0 0 25px 0;
	width:				998px;
}

p
{
	font-weight:		bold;
	margin:				0 0 10px 0;	
}

/********************************************************
=|general header
********************************************************/
h1
{
	font-family:		arial, sans-serif;
	font-size:			16px;
	font-weight:		bold;
}

h2
{
	font-family:		arial, sans-serif;
	font-size:			15px;
	font-weight:		bold;
}

h3
{
	font-family:		arial, sans-serif;
	font-size:			14px;
	font-weight:		bold;
}

h4
{
	font-family:		arial, sans-serif;
	font-size:			13px;
	font-weight:		bold;
}

h5
{
	font-family:		arial, sans-serif;
	font-size:			12px;
	font-weight:		bold;
}

h6
{
	font-family:		arial, sans-serif;
	font-size:			11px;
	font-weight:		bold;
}

h6.searchTitle
{
	font-family:        Verdana;
	font-size:			10px;
	font-weight:		bold;
	color:              #474747;
	
}

/********************************************************
=|general table
********************************************************/
table
{
	border-collapse:	collapse;
	border-spacing:		0;
}

caption
{
	font-family:		arial, sans-serif;
	font-weight:		bold;
}

th
{
	font-family:		arial, sans-serif;
	font-size:			12px;
	font-weight:		bold;
}

/********************************************************
=|general form
********************************************************/
label
{
	font-weight:		bold;
	white-space:		nowrap;	
}

input.text, input.textCriteria
{
	background:			#fff;
	border:				1px solid #ccc;
}

textarea
{
	background:			#fff;
	border:				1px solid #ccc;
}

select
{
	background:			#fff;
	border:				1px solid #ccc;
}

input.button
{
	background:			url(../Images/btnDefaultWhite.gif) no-repeat;
	font-weight:		bold;
	text-align:			center;
}

/********************************************************
=|general list
********************************************************/
ul
{
	list-style:			none;
}

/********************************************************
=|general link
********************************************************/
a
{
	font-weight:		bold;
	position:			relative;
	text-decoration:	underline;
}

a:link
{
	color:				#666;
}

a:visited
{
	color:				#666;
}

a:hover
{
	color:				#aaa;
}

a:active
{
	color:				#666;
}

a:focus
{
	color:				#666;
}

/********************************************************
=|error
********************************************************/
.important
{
	color:				#f00;
	display:			block;
	font-weight:		bold;
	margin:				0 0 15px 0;
}

.error
{
	color:				#f00;
	font-weight:		bold;
}

div.errorDisplayInfo
{
	color:				#f00;
	display:			block;
	font-weight:		bold;
	padding:			5px;
	text-align:			center;
}

/********************************************************
=|header
********************************************************/
div#header
{
	background:			#fff url(../Images/backHeader2.jpg) no-repeat;
	display:			block;
	height:				130px;
	overflow:			hidden;
}

div#header a img
{
	display:			block;
	float:				left;
	height:				76px;
	margin:				20px 0 0 0px;
	_margin:			20px 0 0 0px;
	width:				220px;
}

/********************************************************
=|auxiliar menu
********************************************************/
ul#auxMenu
{
	display:			block;
	float:				right;
	height:				20px;
	margin:				0 0 0 0;
	overflow:			hidden;
	padding:			2px 0 0 0;
	text-align:			right;
	width:				462px;
	white-space:		nowrap;
}

ul#auxMenu li
{
	display:			inline;
	font-size:			9px;
	font-weight:		bold;
	padding:			0 1px;
}

ul#auxMenu a
{
	font-size:			9px;
}

/********************************************************
=|login box
********************************************************/
fieldset.login
{
	clear:				right;
	display:			block;
	float:				right;
	height:				80px;
	margin:				15px 0 0 0;
	overflow:			hidden;
	width:				304px;
}

fieldset.login label
{
	clear:				left;
	float:				left;
	margin:				0 0 3px 10px;
	width:				100px;
}

fieldset.login input.text
{
	clear:				right;
	float:				right;
	margin:				0 10px 3px 0;
	width:				180px;
	_width:				170px;
	*width:				170px;
}

fieldset.login span.check
{
	clear:				both;
	display:			block;
	margin:				0 0 20px 112px;
	*margin:			0 0 2px 106px;
	width:				180px;
}

fieldset.login span.check label
{
	clear:				none;
	float:				left;
	margin:				0 0 0 5px;
	padding:			0;
	white-space:		nowrap;
}

fieldset.login span.check input
{
	clear:				none;
	float:				left;
	margin:				0;
	padding:			0;
}

fieldset.login span.welcome
{
	display:			block;
	font-size:			12px;
	font-weight:		bold;
	margin:				0 0 5px 10px;
}

fieldset.login p
{
	display:			block;
	margin:				0 0 20px 25px;
}

div.loginBar
{
	clear:				both;
}

div.loginBar a
{
	font-size:			9px;
	float:				left;
	margin:				0 0 0 10px;
}

div.loginBar input.button
{
	background:			url(../Images/btnLogin.gif) no-repeat;
	float:				right;
	height:				20px;
	margin:				0 10px 0 0;
	text-align:			center;
	width:				82px;
}

/********************************************************
=|main menu
********************************************************/
div#mainMenu
{
	background-color:	#6f839f;
	border-left:		1px solid #ededed;
	border-right:		1px solid #ededed;
	display:			block;
	height:				25px;
	overflow:			hidden;
}

div#mainMenu ul
{
	display:			block;
	float:				left;
	margin:				5px 0 0 10px;
	white-space:		nowrap;
}

div#mainMenu li
{
	display:			inline;
}

div#mainMenu li a
{
	font-size:			11px;
	padding:			7px;
	text-decoration:	none;
}

div#mainMenu li a:link
{
	color:				#fff;
}

div#mainMenu li a:visited
{
	color:				#fff;
}

div#mainMenu li a:hover
{
	background-color:	#e5a72f;
	color:				#fff;
}

div#mainMenu li a:active
{
	color:				#fff;
}

div#mainMenu a.linkSite
{
	color:				#fff;
	display:			block;
	float:				right;
	margin:				5px 30px 0 0;
	_margin:			5px 15px 0 0;
}

/********************************************************
=|category browser
********************************************************/
div#categoryBrowser
{
	background:			#ededed url("../Images/backBrowserMenu.gif") repeat-x top left;
	border-top:			1px solid #ededed;
	border-left:		1px solid #ededed;
	border-right:		1px solid #ededed;
	display:			block;
	height:				76px;
	padding:			10px 8px;
	margin-bottom:      -20px;
}

div#categoryBrowser h3
{
	color:				#fff;
	display:			block;
	font-size:			12px;
	font-weight:		bold;
	height:				20px;
}

div#categoryBrowser ul
{
	display:			block;
}

div#categoryBrowser li
{
	background:			url("../Images/btTry01.gif") no-repeat;
	display:			block;
	float:				left;
	height:				26px;
	margin:				2px;
	padding:			2px 0 -2px 0;
	width:				192px;
}

div#categoryBrowser li a
{
	color:				#666;
	float:				left;
	font-size:			9px;
	margin:				2px 0 0 5px;
	white-space:		nowrap;
	text-decoration:	none;	
}

div#categoryBrowser li span
{
	background:			transparent url("../Images/backCategoryCount.gif") no-repeat top center;
	color:				#2d2d2d;
	display:			block;
	float:				right;
	font-size:			9px;
	font-weight:		bold;
	height:				18px;
	margin:				2px 5px 0 0;
	padding:			0 5px 0 0;
	white-space:		nowrap;
	text-align:			right;
	text-decoration:	none;
	width:				30px;	
}

/********************************************************
=|supplier browser
********************************************************/
ul.supplierBrowser
{
    display:			block;
    overflow:           hidden;
}

ul.supplierBrowser li.supplierShortcutButton
{
	background-color:   #FFF;
	display:			block;
	float:				left;
	margin:				0 2px 10px 0;
}

ul.supplierBrowser li.supplierShortcutButton a img
{
    height:             59px;
    width:              59px;
}

/********************************************************
=|breadcrumber
********************************************************/
div.#breadcrumber
{
	display:			block;
	height:				15px;
	margin:				5px 10px;

}

div.breadcrumber span
{
	font-size:			11px;
	display:			inline;
	padding-left:       5px;
}

div.breadcrumber span a
{
	font-size:			11px;
	color:				#e7a630;
}

/********************************************************
=|banner
********************************************************/
div#banner
{
	clear:				both;
	display:			block;
	height:				90px;
	margin:				10px;
	_margin:			10px 10px 5px 10px;
}

div#banner div.mainBanner
{
	display:			block;
	float:				left;
}

div#banner div.minorBanner
{
	display:			block;
	float:				right;
}

/********************************************************
=|ribbon
********************************************************/
div#ribbon
{
	clear:				both;
	display:			block;
	margin:				0 10px;
	margin-top:         15px;
}

div#barraRibbon
{
    background:         #fff url(../Images/novaBarra.jpg) no-repeat; 
    color:              #002e6e;
    float:              left;
    font-size:          11px;
    font-weight:        bold;
    height:             21px;
    margin:             0 0 10px 0;
    padding:            0 0 0 35px;
    width:              655px;
}

div#ribbon h3
{
	color:				#7d7d7d;
	display:			block;
	font-size:			12px;
	height:				20px;
	margin:				0 0 5px 0;
	padding:			0 0 0 25px;
}

div#ribbon h3.search
{
	background:			url("../Images/icoSearch.gif") no-repeat left center;
}

div#ribbon h3.rss
{
	background:			url("../Images/icoRSS.gif") no-repeat left center;
}

div.blockMain
{
	background-color:	#fff;
	border-bottom:		1px solid #e5a72f;
	float:				left;
	padding:			7px;
	padding-top:	    20px;
	width:				690px;
}

div.blockMain2
{
	background-color:	#fff;
	float:				left;
	padding:			5px;
	padding-top:	    15px;
	margin-bottom:	    10px;
	width:				690px;
}

div.blockMain label
{
	margin:				0 5px 0 0;
}

div.blockMain input.textCriteria
{
	border:				1px solid #666;
	margin:				0 10px 0 0;
	padding:			2px 5px;
	width:				350px;
}

div.blockMain2 input.textCriteria
{
	margin:				0 10px 0 0;
	padding:			2px 5px;
	width:				350px;
}

div.blockMain input.button
{
	height:				20px;
	text-align:			center;
	width:				84px;
}

div.blockMain2 input.button
{
	height:				20px;
	text-align:			center;
	width:				84px;
}

div.blockMain div.advancedSearchLink
{
    display:            block;
    float:              right;
    width:              150px;
    text-align:         left;
    font-size:          14px;
}

div.blockMain2 div.advancedSearchLink
{
    display:            block;
    float:              right;
    width:              150px;
    text-align:         left;
    font-size:          14px;
}

div.blockMain div.advancedSearchLink a
{
    font-size:          11px;
    color:              #002e6e;
}

div.blockMain div.off
{
	clear:				both;
	display:			block;
	margin:				0;
	padding:			5px;
}

div.blockMain div.on
{
	background-color:	#FFF;
	clear:				both;
	display:			block;
	margin:				10px 0;
	padding:			5px;
}

div.blockMain div select
{
	font-size:			9px;
	margin:				0 10px 0 0;
	width:				115px;
}

div#blockMainLinks
{
	clear:				left;
	float:				left;
	margin:				-1px 0 0 0;
	width:				690px;
}

div#blockMainLinks div#ribbonLinkAdvancedSearch
{
	background:			url("../Images/btnRibbonAdvancedSearch.gif") no-repeat top center;
	display:			block;
	float:				left;
	height:				32px;
	margin:				0;
	width:				140px;
}

div#blockMainLinks div#ribbonLinkSendToFriend
{
	background:			url("../Images/btnRibbonInviteAFriend.gif") no-repeat top center;
	display:			block;
	float:				right;
	height:				32px;
	margin:				0;
	width:				140px;
}

div#blockMainLinks div#ribbonLinkUploadFile
{
	background:			url("../Images/btnRibbonUploadFile.gif") no-repeat top center;
	display:			block;
	float:				left;
	height:				32px;
	margin:				0;
	width:				140px;
}

div#blockMainLinks a
{
	font-size:			9px;
	display:			block;
	line-height:		9px;
	margin:				6px 0 0 65px;
	text-decoration:	none;
	width:				60px;
}

div.blockMinor
{
	background:     	#fff url("../images/bgAdvSearch.gif") no-repeat right;
	border-bottom:		1px solid #e5a72f;
	float:				right;
    
	padding-left:		5px;
	padding-right:		5px;
	padding-top:        13px;
	padding-bottom:     15px;
	width:				254px;

}

div.blockMinor a
{
	color:				#7b5a17;
	display:			block;
	font-weight:		bold;
	text-align:			left;
}

div#blockMinorLinks
{
	float:				right;
	margin:				-1px 0 0 0;
	width:				264px;
}

div#blockMinorLinks div#ribbonLinkWhatIsRSS
{
	background:			url("../Images/btnRibbonWhatIsRSS.gif") no-repeat top center;
	display:			block;
	float:				left;
	height:				15px;
	margin:				0;
	width:				140px;
}

div#blockMinorLinks a
{
	font-size:			9px;
	display:			block;
	line-height:		9px;
	margin:				6px 0 0 5px;
	text-decoration:	none;
	width:				60px;
}

/********************************************************
=|main
********************************************************/
div#main
{
	clear:				left;
	display:			block;
	float:				left;
	margin:				10px 0 10px 10px;
	_margin:			10px 0 10px 5px;
	width:				700px;
}

div#main h2.title
{
	background:			#e5a72f;
	clear:				both;
	color:				#fff;
	display:			block;
	margin:				10px 0;
	padding:			2px 0 2px 10px;
}

div#main h2.title img
{
	margin:				0 2px 0 0;
}

div#main h2.title span
{
	color:				#fff;
	font-weight:		normal;
	padding:			2px 0;
}

div#main h2.title i
{
	color:				#fff;
	font-size:			15px;
	font-style:         italic;
	font-weight:		bold;	
}

div.mainBox
{
	background-color:	#fff;
	clear:				both;
	display:			block;
	margin:				0 0 15px 0;
	padding:			10px;
	overflow:			hidden;
}

div.mainBox h3
{
	font-size:			18px;
	margin:				0 0 15px 0;
}

div.mainBox h4
{
	font-size:			12px;
}

/********************************************************
=|rate list
********************************************************/
ul.rateList
{
    display:            block;
}

ul.rateList li.rateListItem
{
    background:         #f1f1f6;
    display:            block;
    margin:             0 0 10px 0;
    padding:            10px;
}

ul.rateList li.rateListItem div.rateDate
{
    display:            block;
    float:              right;
    font-weight:        bold;
    margin:             10px 0;
}

ul.rateList li.rateListItem div.rateAuthor
{
    display:            block;
    font-size:          12px;
    font-weight:        bold;
    margin:             10px 0;
}

ul.rateList li.rateListItem div.rateComment
{
    background:         url("../Images/icoArrowComment.gif") no-repeat 0 2px;
    display:            block;
    font-size:          12px;
    padding:            0 0 0 15px;
}

/********************************************************
=|links sort by
********************************************************/
.linksSortBy
{
    float:              right;
}

/********************************************************
=|main take a tour
********************************************************/
div#mainTakeATour
{
	clear:				left;
	display:			block;
	float:				left;
	margin:				10px 0 0px 0px;
	_margin:			10px 0 0px 0px;
	width:				1000px;
}

div#mainTakeATour h2.title
{
	background:			#e5a72f;
	clear:				both;
	color:				#fff;
	display:			block;
	margin:				10px 0;
	padding:			2px 0 2px 10px;
}

div#mainTakeATour h2.title img
{
	margin:				0 2px 0 0;
}

div#mainTakeATour h2.title span
{
	color:				#fff;
	font-weight:		normal;
	padding:			2px 0;
}

div#mainTakeATour h2.title i
{
	color:				#fff;
	font-size:			15px;
	font-style:         italic;
	font-weight:		bold;	
}

div.mainBoxTakeATour
{
	background-color:	#ededed;
	clear:				both;
	display:			block;
	margin:				0 0 15px 0;
	padding:			10px;
	overflow:			hidden;
}

div.mainBoxTakeATour h3
{
	font-size:			18px;
	margin:				0 0 15px 0;
}

div.mainBoxTakeATour h4
{
	font-size:			12px;
}

/********************************************************
=|payment resume
********************************************************/
table.paymentResume
{
	border:				1px solid #ccc;
	margin:				15px 0;
	width:				100%;
}

table.paymentResume th
{
	background:			#ccc;
	color:				#fff;
	padding:			1px 4px;
}

table.paymentResume td
{
	border:				1px solid #ccc;
	font-weight:		bold;
	padding:			1px 4px;
}

/********************************************************
=|overall box
********************************************************/
div.overallBox, div.overallBoxLast
{
	background-color:	#eee;
	display:			block;
	float:				left;
	margin:				0 10px 0 0;
	padding:			10px;
	overflow:			hidden;
	width:				200px;
}

div.overallBoxLast
{
	margin:				0;
}

div.overallBox h4, div.overallBoxLast h4
{
	border-bottom:		1px solid #666;
	font-size:			12px;
	margin:				0 0 5px 0;
	padding:			0 0 2px 0;
}

/********************************************************
=|embedded page box
********************************************************/
div#embeddedPageBox
{
    background:         #ededed;
    border:				1px solid #666;
	display:			block;
	overflow:           hidden;
	padding:            5px 10px;
}

div#embeddedPageBox img
{
    float:              left;
}

div#embeddedPageBox h4
{
    color:              #0044a1;
    float:              left;
    font-size:          14px;
    font-weight:        bold;
    padding:            0 10px;
}

div#embeddedPageBox input.textEmbed
{
	background:			#fff;
	border:				1px solid #ccc;
	display:			block;
	float:              left;
	width:              400px;
}

div#embeddedPageBox div.howToUseDescription
{
    color:              #0044a1;
    float:              left;
    display:            block;
    padding:            15px 0 0 10px;
    width:              430px;
}

div#embeddedPageBox a.howToUseMoreDetails
{
    clear:              both;
    display:            block;
    text-align:         right;
    background-image:   url("../Images/btOpenDetail.jpg");
    height:             27px;
    width:              101px;
    padding-right:      65px;
    padding-top:        10px;
    float:              right;
}

/********************************************************
=|embedded page details
********************************************************/
div#embeddedPageDetails
{
    border:				1px solid #ccc;
	display:			none;
	overflow:           hidden;
	margin:             15px 0 0 0;
	padding:            5px 10px;
}

div#embeddedPageDetails h4
{
    color:              #0044a1;
    float:              left;
    font-size:          12px;
    font-weight:        bold;
}

div#embeddedPageDetails a.howToUseLessDetails
{
    clear:              both;
    display:            block;
    text-align:         right;
    background-image:   url("../Images/btCloseDetail.jpg");
    height:             27px;
    width:              101px;
    padding-right:      65px;
    padding-top:        10px;
    float:              right;
}

div#embeddedPageDetails div.detailsDescription
{
    clear:              left;
    color:              #0044a1;
    display:            block;
    float:              left;
    padding:            10px 0 0 0;
    width:              200px;
}

div#embeddedPageDetails img
{
    clear:              right;
    display:            block;
    float:              right;
}

/********************************************************
=|design details
********************************************************/
div.mainBox img.detailImage
{
    display:            block;
    float:              left;
}

div.mainBox div#detailImageDownload
{
    display:            block;
    text-align:         center;
    overflow:           hidden;
}

div.mainBox div#detailImageDownload a
{
    display:            block;
    height:             97px;
    margin:             15px 0 0 0;
    padding:            0;
    overflow:           hidden;
    text-decoration:    none;
    width:              483px;
}

div.mainBox div#detailImageDownload a.downloadCrayonButton
{
    background:         url("../Images/btnCrayon.gif") no-repeat top left;
}

div.mainBox div#detailImageDownload a.downloadDXReaderButton
{
    background:         url("../Images/btnDXReader.gif") no-repeat top left;
}

div.mainBox div#detailImageDownload a.downloadIDCR17Button
{
    background:         url("../Images/btnIDCR17.gif") no-repeat top left;
}

div.mainBox div#detailImageDownload a.downloadIDCR18Button
{
    background:         url("../Images/btnIDCR18.gif") no-repeat top left;
}

div.mainBox div#detailImageDownload a.downloadIDCRevitButton
{
    background:         url("../Images/btnIDCRevit.gif") no-repeat top left;
}

div.mainBox div#detailImageDownload a span.productInfo
{
    color:              #002e6e;
    display:			block;
    font-size:          12px;
    font-weight:        bold;
    margin:				60px 0 0 20px;
}

div.mainBox div.detailInfo
{
    display:            block;
    width:              470px;

}

div.mainBox div.detailInfo div.infoHeader
{
    display:            block;
    height:             20px;
    margin:             0 0 10px 0;
    overflow:           hidden;
    width:              470px;
    position:           absolute;
    margin-left:        205px;   
}

div.mainBox div.detailInfo div.infoHeader img.detailFlag
{
    display:            block;
    float:              left;
    padding:            2px 10px 0 0;
}

div.mainBox div.detailInfo div.infoHeader h3.detailTitle
{
    display:            block;
    float:              left;
    font-size:          12px;
    margin:             0;
    padding:            0 0 5px 0;
    color:              #002e6e;
}

div.mainBox div.detailInfo div.infoHeader img.filetype
{
    display:            block;
    float:              right;
    margin:             3px 10px 0 0;
}

div.mainBox div.detailInfo div.infoHeader div.numberComponent
{
    background:			url("../Images/icoComponents.gif") no-repeat left center;
	color:				#002e6e;
    display:            block;
    float:              right;
    font-weight:		bold;
	padding:			0 0 0 25px;
}

div.detailInfo div.libraryInfo
{
    clear:              both;
    overflow:           hidden;
    width:              470px;
    float:              right;
    margin-top:         -180px;
    margin-right:        -205px;

}

div.detailInfo div.libraryInfo dl
{
    display:            block;
}

div.detailInfo div.libraryInfo dl dt
{
    clear:              both;
    display:            block;
    float:              left;
    *float:             none;
    overflow:           hidden;
    padding:            0 0 5px 0;
    font-weight:        bold;
    width:              160px;
}

div.detailInfo div.libraryInfo dl dd
{
    display:            block;
    float:              right;
    overflow:           hidden;
    *margin:            -20px 0 0 0;
    padding:            0 0 5px 0;
    width:              310px;
}

div.detailInfo div.libraryInfo dl dd input.textEmbed
{
	background:			#fff;
	border:				1px solid #ccc;
	width:              300px;
}

div.detailInfo div.GUIDInfo
{
    clear:              both;
    overflow:           hidden;
    width:              470px;
}

div.detailInfo div.GUIDInfo dl
{
    display:            block;
}

div.detailInfo div.GUIDInfo dl dt
{
    clear:              both;
    color:              #f00;
    display:            block;
    float:              left;
    *float:             none;
    overflow:           hidden;
    padding:            0 0 5px 0;
    font-weight:        bold;
    width:              160px;
}

div.detailInfo div.GUIDInfo dl dd
{
    display:            block;
    float:              right;
    overflow:           hidden;
    *margin:            -20px 0 0 0;
    padding:            0 0 5px 0;
    width:              310px;
}

div.detailInfo div.GUIDInfo dl dd span.detailItem
{
    color:              #f00;
}

/*download area*/
div#detailInfo p
{
	border-right:		1px dotted #ccc;
	display:			block;
	margin:				0 10px 0 0;
	padding:			0 10px 0 0;
	width:				350px;
	font-size:          11px;
	font-weight:        normal;
}

div#detailInfo p.info
{
	border:             none;
	color:              #002e6e;
	display:			block;
	margin:				0 0 10px 0;
	padding:            0;
	width:              inherit;
	font-size:          12px;
	font-weight:        normal;
}

div#detailInfo p.info a
{
	color:              #002e6e;
	font-size:          12px;
	font-weight:        bold;
}

div#detailInfo li
{
    color:              #002e6e;
    font-size:          11px;
}

div#detailInfo h2
{
    color:              #002e6e;
}

div#detailInfo h2.minimumRequirements
{
    color:              #002e6e;
    display:            block;
    margin:             20px 0 5px 0;
    
}

div#detailInfo span
{
    color:              #002e6e;
    font-size:          11px;
    font-weight:        normal;
    border-collapse:    collapse;
}

div.actionBox
{
	clear:				both;
	background:			#eee;
	padding:			10px;
}

div.actionBox select, div.actionBox textarea
{
	margin:				0 0 10px 0;
}

div.actionBox div.submitBar
{
	border-top:			2px solid #ccc;
}

div#DivLinkPlugDetails
{
    margin:             60px 0 0 -7px;
    *margin:            60px 0 0 -5px;
    _margin:            60px 0 0 0;
}

/********************************************************
=|main set
********************************************************/
fieldset.mainSet
{
	border:				1px solid #ccc;
	display:			block;
	margin:				0 0 15px 0;
	padding:			0 10px 10px 10px;
}

fieldset.mainSet legend
{
	color:				#0044a1;
	font-size:			11px;
	font-weight:		bold;
	padding:			0 5px;
}

fieldset.mainSet label
{
	display:			block;
	margin:				10px 0 0 0;
}

fieldset.mainSet input.text
{
	display:			block;
	width:				270px;
	padding:			2px 5px;
}

fieldset.mainSet input.file
{
	display:			block;
	margin:				0 0 15px 0;
	width:				320px;
}

fieldset.mainSet textarea
{
	display:			block;
	padding:			2px 5px;
}

fieldset.mainSet select
{
	display:			block;
}

fieldset.mainSet select.birth
{
	display:			inline;
}

fieldset.mainSet .warningInfo
{
	display:			block;
	font-weight:		bold;
	margin:				0 0 10px 0;
}

fieldset.mainSet input.button
{
	display:			block;
	text-align:			center;
}

/********************************************************
=|options
********************************************************/
span.options
{
	clear:				both;
	display:			block;
	font-weight:		bold;
	margin:				10px 0 0 0;
}

.options td
{
	padding:			1px;
	white-space:		nowrap;
}

.options input
{
	float:				left;
	margin:				10px 2px 0 5px;
	_margin:			8px 2px 0 5px;
}

.options label
{
	clear:				none;
	float:				left;
}

/********************************************************
=|designBox
********************************************************/
div.designBox, div.designBoxLast
{
	background-color:		#fff;
	display:				block;
	float:					left;
	margin:					0 10px 10px 0;
	padding:				10px;
	overflow:				hidden;
	width:					147px;
	_width:					157px;
	*width:					147px;
}

div.designBoxLast
{
	margin:					0 0 10px 0;
}

div.designBox img.typeOfFile, div.designBoxLast img.typeOfFile
{
	display:				block;
	float:					left;
	margin:					4px 0 0 0;
}

span.libComponents
{
	background:				url("../Images/icoComponents.gif") no-repeat left center;
	color:					#002e6e;
	display:				block;
	float:					right;
	font-size:				11px;
	font-weight:			bold;
	padding:				0 0 0 15px;
	white-space:			nowrap;
}

div.designBox img.thumb, div.designBoxLast img.thumb
{
	display:				block;
	clear:					both;
	_clear:					none;
	*clear:					inherit;
	padding:				5px 25px 0 25px;
}

div.designBoxBar
{
	border-top:				1px dotted #666;
	border-bottom:			1px dotted #666;
	clear:					both;
	display:				block;
	height:					15px;
	margin:					5px auto;
	padding:				3px 0;
	text-align:				center;
}

div.designBoxBar img
{
	display:				inline;
}

div.designBox img.flag, div.designBoxLast img.flag
{
    display:				block;
    float:                  left;
    padding:				2px 0 0 0;
}

div.designBox h3, div.designBoxLast h3
{
	color:					#515151;
	display:				block;
	float:                  left;
	font-size:				12px;
	padding:				0 0 0 4px;
}

span.author
{
	background:				url("../Images/icoAuthor.gif") no-repeat left center;
	clear:                  both;
	display:				block;
	padding:				0 0 0 15px;
	white-space:			nowrap;
}

span.rate
{
	background:				url("../Images/icoRatePointer.jpg") no-repeat left center;
	clear:                  both;
	display:				block;
	padding:				0 0 0 15px;
	white-space:			nowrap;
}

span.downloads
{
	background:				url("../Images/icoDownloads.jpg") no-repeat left center;
	clear:                  both;
	display:				block;
	padding:				0 0 0 15px;
	white-space:			nowrap;
}

span.description
{
	background:				url("../Images/icoInfo.gif") no-repeat left top;
	clear:                  both;
	display:				block;
	padding:				0 0 0 15px;
}

/********************************************************
=|profileInfoBox
********************************************************/
div.profileInfoBox
{
	background-color:		#eee;
	display:				block;
	height:					120px;
	margin:					20px 0 0 0;
	padding:				10px;
	overflow:				hidden
	
}

div.profileInfoBox img.avatar
{
	display:				block;
	float:					left;
	height:					120px;
	margin:					0 10px 0 0;
}

div.profileInfoBox div.info
{
	border-left:			1px dotted #ccc;
	display:				block;
	float:					left;
	height:					120px;
	padding:				0 0 0 10px;
}

div.info h3
{
	color:					#515151;
	display:				block;
	font-size:				12px;
	margin:					0 0 15px 0;
}

div.info span
{
	display:				block;
	white-space:			nowrap;	
}

/********************************************************
=|minor
********************************************************/
div#minor
{
	clear:				right;
	display:			block;
	float:				right;
	margin:				10px 10px 10px 0;
	_margin:			10px 5px 10px 0;
	width:				264px;
}

div#minor h2.title
{
	clear:				both;
	color:				#002e6e;
	display:			block;
	margin:				10px 0;
	padding:			2px 0;
}

div.minorBox
{
	background-color:	#fff;
	display:			block;
	margin:				0 0 15px 0;
	padding:			10px;
	overflow:			hidden;
}

div.minorBox dt a
{
	color:				#966b16;
	font-size:			12px;
}

div.minorBox dd
{
	margin:				0 0 10px 0;
}

/********************************************************
=|tool bar
********************************************************/
div.toolBar
{
	border-bottom:		2px solid #e5a72f;
	display:			block;
	margin:				0 0 10px 0;
	padding:			0 0 5px 0;
	text-align:			right;
}

div.toolBar span
{
	text-align:			right;
	vertical-align:		super;
}

/********************************************************
=|submit bar
********************************************************/
div.submitBar
{
	clear:				both;
	display:			block;
	height:				15px;
	margin:				0 0 10px 0;
	padding:			10px 0 0 0;
}

div.submitBar a
{
	float:				right;
	margin:				0 0 0 10px;
}

div.submitBar input.button
{
	background:			url(../Images/btnDefaultBig.gif) no-repeat;
	display:			block;
	float:				right;
	height:				20px;
	margin:				0 0 0 10px;
	text-align:			center;
	width:				132px;

}

div.submitBarDownload
{
	clear:				both;
	display:			block;
	padding:			20px 0 0 0;
}

div.submitBarDownload input.downloadButton
{
	background:			url(../Images/btDownloadLib.gif) no-repeat;
	display:			block;
	color:              #fff;
	cursor:             pointer;
	font-size:          18px;
    padding:            10px;
    padding-bottom:     25px;
	height:				69px;
	text-align:			left;
	width:				345px;
}

div.submitBarDownload span.downloadSize
{
	display:			block;
	color:              #fff;
	font-size:          11px;
	font-style:         italic;
	position:           relative;
	top:                -30px;
	left:               15px;
	
}

div.submitBarDownload a img
{
	display:			block;
	float:              right;
	margin:             -2px 0 0 0;
}

div.submitBarDownload span.iAgree
{
	clear:              both;
	display:			block;
	margin:             10px 0;
}

div.submitBarDownload span.iAgree input
{
    float:              left;
    margin:             0 10px 0 0;
}

div.submitBarDownload span.iAgree label
{
    white-space:        normal;
}

div.submitBarDownload span.iAgreeRed
{
	clear:              both;
	display:			block;
	margin:             10px 0;
}

div.submitBarDownload span.iAgreeRed input
{
    float:              left;
    margin:             0 10px 0 0;
}

div.submitBarDownload span.iAgreeRed label
{
    color:              #f00;
    white-space:        normal;
}

/********************************************************
=|nav bar
********************************************************/
div.navBar
{
	background-color:	#fff;
	clear:				both;
	display:			block;
	font-size:			10px;
	font-weight:		bold;
	padding:			5px 0;
	text-align:			center;
}

div.navBar span
{
	font-size:			10px;
	font-weight:		bold;
	text-align:			center;
}

div.navBar a
{
	font-size:			8px;
	text-align:			center;
}

/********************************************************
=|catalog
********************************************************/
table.catalog
{
    border:             0;
    border-collapse:    collapse;
    width:              680px;    
}

table.catalog img
{
    border:             0;
}

table.catalog th
{
    border-bottom:      1px solid #999;
    height:             40px;
    padding:            5px;
    text-align:         left;
}

table.catalog th.headerIndustry
{
    width:              200px;
}

table.catalog th.headerLibProgram
{
    text-align:         center;
    width:              75px;
}

table.catalog th.headerLibProgram h4
{
    text-align:         center;
}

table.catalog td
{
    border-bottom:      1px solid #ccc;
    height:             40px;
    padding:            5px;
    text-align:         left;
}

table.catalog td input.manufacturerName
{
    border:             1px solid #000;
    display:            block;
    width:              180px;
}


table.catalog td.manufacturer
{
    width:              200px;
}

table.catalog  td.infoIcon
{
    text-align:         center;
}

div#requestForm
{
    background:         url(../Images/bgCatalogBalloonForm.gif) no-repeat top left;
    display:            none;
    height:             230px;
    overflow:           visible;
    position:           absolute;
    z-index:            100000;
    width:              380px;
}

div#requestForm h4
{
    float:              left;
    font-family:        14px;
    margin:             15px 0 10px 45px;
    padding:            0;
}

div#requestForm a
{
    float:              right;
    margin:             15px 30px 10px 0;
    padding:            0;
}

div#requestForm label
{
    clear:              left;
    float:              left;
    height:             15px;
    margin:             5px 0 0 45px;
    padding:            0;
}

div#requestForm input
{
    border:             1px solid #333;
    clear:              right;
    float:              right;
    margin:             5px 30px 0 0;
    padding:            0;
    width:              180px;
}

div#requestForm input.button
{
    background:			url(../Images/btnCatalogForm.jpg) no-repeat;
    border:             none;
    clear:              both;
    float:              right;
    height:				20px;
    margin:             5px 30px 0 0;
    padding:            0;
    text-align:			center;
	width:				132px;
}

div#requestForm div#libOptions
{
    clear:              both;
    display:            none;
    margin:             0 30px 0 45px;
    padding:            5px 0 0 0;
}

div#requestForm div#libOptions label
{
    margin:             0;
    padding:            0;
    width:              122px;
}

div#requestForm div#libOptions input
{
    margin:             0;
    padding:            0;
}

div#requestForm div#libOptions label.check
{
    clear:              none;
    display:            inline;
    float:              left;
    font-size:          10px;
    font-weight:        normal;
    margin:             0;
    width:              40px;
}

div#requestForm div#libOptions input.check
{
    clear:              none;
    display:            inline;
    float:              left;
    margin:             0 2px 0 0;
    width:              15px;
}

fieldset.searchSuggestionRequest
{
    display:            block;
    width:              380px;    
}

fieldset.searchSuggestionRequest label
{
    clear:              left;
    float:              left;
    height:             15px;
    margin:             5px 0 0 0;
    padding:            0;
}

fieldset.searchSuggestionRequest select.manufacturerName
{
    border:             1px solid #aaa;
    clear:              right;
    float:              right;
    margin:             5px 30px 0 0;
    padding:            0;
    width:              220px;
}

fieldset.searchSuggestionRequest input
{
    border:             1px solid #aaa;
    clear:              right;
    float:              right;
    margin:             5px 30px 0 0;
    padding:            0;
    width:              220px;
}

fieldset.searchSuggestionRequest input.button
{
    background:			url(../Images/btnCatalogForm.jpg) no-repeat;
    border:             none;
    clear:              both;
    float:              right;
    height:				20px;
    margin:             5px 30px 0 0;
    padding:            0;
    text-align:			center;
	width:				132px;
}

/********************************************************
=|footer
********************************************************/
div#footer
{
	clear:				both;
	color:				#818181;
	display:			block;
	padding:			20px 0;
	text-align:			center;
}

div#footer a
{
	color:				#818181;
}