@charset "utf-8";
/* CSS Document */

/*Application Header*/
#header {
	background-image: url(../images/layout/CL_Header_1024x82.jpg);
	height: 73px;
	padding: 5px 15px 5px 15px;
}

/* Style used for Level 2 Headers that have a white font-color. Used in the Left Navigation Panel. */
h2.whiteHeader{
    color:#FFFFFF;
    letter-spacing:0.1em;
    margin-bottom:3px;
    padding:3px 10px;
}

/*Styles for the Login Panel in the Left Navigation Bar */
.loginPanel{
	background-image: url(../images/components/publicPages/leftNavegationPanel/loginPanel/LoginToYouAccnt_GradientBG.jpg);
	background-repeat: no-repeat;
	color: #000000;
	padding: 5px 0px 0px 0px;
	width: 282px;
	margin-bottom: 0px;
}

#page #content #leftNav #loginPanel{
    padding-left:10px;
    padding-bottom:5px;
}

#page #content #leftNav #loginPanel form span{
    font-size:11px;
    margin-left:4px;
}

#page #content #leftNav #loginPanel #loginButton{
    background: url('../images/components/publicPages/leftNavegationPanel/loginPanel/Login_.gif') 0 0 no-repeat;
    width:75px;
    height:21px;
    display:block;
    margin-left:185px;
}

#page #content #leftNav #loginPanel #loginButton:hover{
background: url('../images/components/publicPages/leftNavegationPanel/loginPanel/Login_.gif') 0 -21px no-repeat;
}

#page #content #leftNav #loginPanel img {
	margin-left: 5px;
}

#page #content #leftNav #loginPanel a {
	margin-left: 10px;
}

#page #content #leftNav #loginPanel label,input {
	display: block;
	float: left;
	margin-bottom: 10px;
}

#page #content #leftNav #loginPanel label {
	text-align: right;
	width: 75px;
	padding-right: 5px;
}

#page #content #leftNav #loginPanel br {
	clear: left;
}

/*Styles for the Forgot My Login Panel in the Left Navigation Bar */
#forgotLoginPanel{
    height:110px;
    padding:0;
}

#page #content #leftNav #forgotLoginPanel #forgotLoginHeader{
    background-color:#A8C1C8;
}

#forgotLoginErrorHeader {
    background-color:#BF001F;
    background-image:url(../images/icons/exclamation.png);
    background-position:left center;
    background-repeat:no-repeat;
    color:white;
    font-size:10px;
    margin:-5px 0px 5px 0px;
    padding:5px;
    text-align:center;
    text-transform:none;
}

#page #content #leftNav #forgotLoginPanel p{
    padding-left:10px;
    color: #666666;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    margin-bottom:5px;
}

#page #content #leftNav #forgotLoginPanel p.resetMessage{
    color: #000000;
	font-size: 12px;
    margin-bottom:0px;
}

#page #content #leftNav #forgotLoginPanel #resetPasswordButton{
    background: url('../images/components/publicPages/leftNavegationPanel/loginPanel/LI_SendMyPassword_.png') 0 0 no-repeat;
    width:120px;
    height:21px;
    display:block;
    margin-left:55px;
    margin-top:-7px;
}

#page #content #leftNav #forgotLoginPanel #resetPasswordButton:hover{
    background: url('../images/components/publicPages/leftNavegationPanel/loginPanel/LI_SendMyPassword_.png') 0 -21px no-repeat;
}

#page #content #leftNav #forgotLoginPanel #cancelResetPasswordButton{
    background: url('../images/components/publicPages/leftNavegationPanel/loginPanel/LI_Cancel_.png') 0 0 no-repeat;
    width:67px;
    height:21px;
    display:block;
    margin-left:185px;
    margin-top:-21px;
}

#page #content #leftNav #forgotLoginPanel #cancelResetPasswordButton:hover{
    background: url('../images/components/publicPages/leftNavegationPanel/loginPanel/LI_Cancel_.png') 0 -21px no-repeat;
}

#page #content #leftNav #forgotLoginPanel label,input {
	display: block;
	float: left;
	margin-bottom: 10px;
}

#page #content #leftNav #forgotLoginPanel input {
    width:193px;
}

#page #content #leftNav #forgotLoginPanel label {
	width: 45px;
	padding-left: 10px;
}

#page #content #leftNav #forgotLoginPanel br {
	clear: left;
}

/* Styles for the Successful Password Reset in the Left Navigation Bar */
#successfulReset{
    height:110px;
    padding:0;
}

#page #content #leftNav #successfulReset #successfulResetHeader{
    background-color:#A8C1C8;
}

#page #content #leftNav #successfulReset p{
    padding-left:10px;
    color: #666666;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    margin-bottom:5px;
}

#page #content #leftNav #successfulReset p.resetMessage{
    color: #000000;
	font-size: 12px;
    margin-bottom:0px;
}

#page #content #leftNav #successfulReset #successfulResetButton{
    background: url('../images/desktop/buttons/OK_.png') 0 0 no-repeat;
    width:120px;
    height:21px;
    display:block;
    margin-left:10px;
    margin-top:30px;
}

#page #content #leftNav #forgotLoginPanel #successfulResetButton:hover{
    background: url('../images/desktop/buttons/OK_.png') 0 -21px no-repeat;
}

/* Styles for the Marketing Panel in the Left Navigation Panel */
#page #content #leftNav #marketingPanel {
	padding: 5px 5px;
	height: 245px;
	background-color: #FFFFFF;
	margin: 0px;
}

#page #content #leftNav #marketingPanel a {
	margin-top: 10px;
}

#page #content #leftNav #marketingPanel p {
	margin-top: 0px;
}

#page #content #leftNav #marketingPanel span {
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
}

#page #content #leftNav #marketingPanel #dashedSpan {
	border-bottom: 1px dashed #999999;
}

#page #content #leftNav #marketingPanel #demoButton{
    background: url('../images/components/publicPages/leftNavegationPanel/marketingPanel/GoDemo_.gif') 0 0 no-repeat;
    width:75px;
    height:21px;
    display:block;
}

#page #content #leftNav #marketingPanel #demoButton:hover{
    background: url('../images/components/publicPages/leftNavegationPanel/marketingPanel/GoDemo_.gif') 0 -21px no-repeat;
}

#page #content #leftNav #marketingPanel #signUpButton{
    background: url('../images/components/publicPages/leftNavegationPanel/marketingPanel/SignUp_.gif') 0 0 no-repeat;
    width:75px;
    height:21px;
    display:block;
}

#page #content #leftNav #marketingPanel #signUpButton:hover{
    background: url('../images/components/publicPages/leftNavegationPanel/marketingPanel/SignUp_.gif') 0 -21px no-repeat;
}

#page #content #leftNav #snapshotPanel {
	height: 245px;
	background-color: #F2F9FC;
	margin-bottom: 10px;
}

#page #content #leftNav #snapshotPanel p{
   color:black;
   font-size:11px;
   padding-left:35px;
   margin-bottom:5px;
}

#communityGradient{
    background-image: url("../images/components/publicPages/leftNavegationPanel/communityPanel/CommunitySnapshot_Gradient.jpg");
    padding-top:8px;
    padding-left:10px;
    margin-top:0px;
}

#viewNewContent{
    color:#6699CC;
    cursor:pointer;
}

#viewMostPopular{
    color:#6699CC;
    cursor:pointer;
}
.popUpsList {
	list-style-position: inside;
	list-style-image: url(../images/icons/PopUp.png);
	padding-left: 10px;
	margin-left:0px;
	color: #98BD33;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.popUpsList .categoryList{
    margin-top:7px;
}

.panelHeader{
    padding:10px;
    padding-left:20px;
    background-color:#F2F9FC;
    border-bottom: solid 1px #6699CC;
    height:104px;
}

.footerPanelHeader{
    padding:10px;
    padding-left:20px;
    background-color:#F2F9FC;
    border-bottom: solid 1px #6699CC;
    height:60px;
}

.panelHeader p a{
    margin-left:5px;
}

.panelContent{
    padding-bottom:10px;
    padding-left:20px;
    padding-right:15px;
    padding-top:5px;
    color:#666666;
    font-size:14px;
    text-align:justify;
}

.panelContent p{
    padding-top:7px;
    padding-bottom:7px;
}

.fileList {
	list-style-image: none;
	list-style-type: none;
	font-size: 11px;
	color: #666666;
	margin-left:0px;
	padding-left: 25px;
	font-weight: normal;
}

.termsOfUseTitleParagraph{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	color:#000000;
}

.termsOfUseTitleSmall{
    width:100%;
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	color:#000000;
    display:block;
}

.termsOfUseTextParagraph{
    width:100%;
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	color:#666666;
}

.downloadParagraph{
    padding-top:5px;
}

#contactContent{
    padding-top:15px;
    padding-left:15px;

}

#contactContent label,input {
	display: block;
	float: left;
	margin-bottom: 10px;
}

#contactContent label {
	text-align: right;
	width: 145px;
	padding-right: 10px;
    font-size:11px;
}

#contactContent input{
    width:290px;
}

#contactContent textarea{
    width:290px;
}

.requireMessage{
    color:#FF9900;
}

#resultMessage{
    display:block;
    visibility:hidden;
    color:#CC3333;
    background-color:#F8E2E2;
    width:280px;
    margin-left:155px;
    font-size:11px;
    margin-bottom: 10px;
    padding: 5px 0 5px 20px;
    background-image: url(../images/icons/exclamation.png);
    background-repeat:no-repeat;
    background-position: left center;

}

#resultMessageOk{
    display:block;
    color:white;
    background-color:#A5C2CA;
    width:280px;
    margin-left:155px;
    font-size:11px;
    margin-bottom: 10px;
    padding: 5px 5px 5px 10px;
    text-align:center;
}

.defaultWindowHeader p{
    padding-left:10px;
}

#contactContent #contactForm #contactButtons {
    height:21px;
    width:160px;
}
#contactContent #contactForm #contactUsCancelButton{
   background: url('../images/components/publicPages/contactUs/Cancel_.gif') 0 0 no-repeat;
   width:75px;
   height:21px;
   margin-left:155px;
   display:block;
   margin-top:10px;
}

#contactContent #contactForm #contactUsCancelButton:hover{
   background: url('../images/components/publicPages/contactUs/Cancel_.gif') 0 -21px no-repeat;
}

#contactContent #contactForm #contactUsSendButton{
   background: url('../images/components/publicPages/contactUs/Send_.gif') 0 0 no-repeat;
   width:75px;
   height:21px;
   margin-left:240px;
   margin-top:-21px;
   display:block;
}

#contactContent #contactForm #contactUsSendButton:hover{
   background: url('../images/components/publicPages/contactUs/Send_.gif') 0 -21px no-repeat;
}

#loginErrorHeader{
    background-color:#BF001F;
    color:white;
    margin:-5px 10px 5px -10px;
    text-transform:none;
    font-size:10px;
    text-align:center;
    padding:5px;
    background-image: url(../images/icons/exclamation.png);
    background-repeat:no-repeat;
    background-position: left center;
}

#message{
    margin-bottom:10px;
}

/* Content Preview */
.contentPreview-downloadImg-panel{
	background: transparent url(../images/icons/page_white_picture.png) no-repeat;
	height:20px;
	width:16px;
	border:0 none;
}

.contentPreview-downloadFla-panel{
	background: transparent url(../images/icons/page_white_flash.png) no-repeat;
	height:20px;
	width:16px;
	border:0 none;
}

.contentPreview-downloadBin-panel{
	background: transparent url(../images/icons/information.png) no-repeat;
	height:20px;
	width:16px;
	border:0 none;
}

.contentPreview-downloadLO-label{
	font-size:11px;
	font-family:Arial;
	color:#6699CC;
	padding-left:10px
}

.contentPreview-imageSize-label{
	font-size:9px;
	font-family:Arial;
	color:#FFFFFF;
}



.clv2-btns .x-btn-center {
	padding:0 0 0 0;
}

.contentPreview-bsmall .x-btn-center{
	background: transparent url(../images/components/publicPages/contentPreview/pv_Small.gif) no-repeat;
	height:22px;
    width:70px;
}
.contentPreview-bsmall .x-btn-click .x-btn-center,
.contentPreview-bsmall .x-btn-pressed .x-btn-center,
.contentPreview-bsmall .x-btn-over .x-btn-center{
	background: transparent url(../images/components/publicPages/contentPreview/pv_Small_Selected.gif) no-repeat;
}

.contentPreview-bmedium .x-btn-center{
	background: transparent url(../images/components/publicPages/contentPreview/pv_Medium.gif) no-repeat;
	height:22px;
    width:70px;
}
.contentPreview-bmedium .x-btn-click .x-btn-center,
.contentPreview-bmedium .x-btn-pressed .x-btn-center,
.contentPreview-bmedium .x-btn-over .x-btn-center{
	background: transparent url(../images/components/publicPages/contentPreview/pv_Medium_Selected.gif) no-repeat;
}

.contentPreview-bnormal .x-btn-center{
	background: transparent url(../images/components/publicPages/contentPreview/pv_Original.gif) no-repeat;
	height:22px;
    width:70px;
}
.contentPreview-bnormal .x-btn-click .x-btn-center,
.contentPreview-bnormal .x-btn-pressed .x-btn-center,
.contentPreview-bnormal .x-btn-over .x-btn-center{
	background: transparent url(../images/components/publicPages/contentPreview/pv_Original_Selected.gif) no-repeat;
}

.contentPreview-blarge .x-btn-center{
	background: transparent url(../images/components/publicPages/contentPreview/pv_Large.gif) no-repeat;
	height:22px;
    width:70px;
}
.contentPreview-blarge .x-btn-click .x-btn-center,
.contentPreview-blarge .x-btn-pressed .x-btn-center,
.contentPreview-blarge .x-btn-over .x-btn-center{
	background: transparent url(../images/components/publicPages/contentPreview/pv_Large_Selected.gif) no-repeat;
}

.contentPreview-bthumb .x-btn-center{
	background: transparent url(../images/components/publicPages/contentPreview/pv_Thumbnail.gif) no-repeat;
	height:22px;
    width:70px;
}
.contentPreview-bthumb .x-btn-click .x-btn-center,
.contentPreview-bthumb .x-btn-pressed .x-btn-center,
.contentPreview-bthumb .x-btn-over .x-btn-center{
	background: transparent url(../images/components/publicPages/contentPreview/pv_Thumbnail_Selected.gif) no-repeat;
}

/**** Demo paso3 ****/
.metadataSpan{
	display: block;
	float: left;
}

#metadata-data br {
	clear:both;
}

#metadata-data span{
	width:120px;
    margin-left:5px;
	color:000000;
	font-size:11px;
	font-family:Arial;
	font-style:normal;
    font-weight:bold;
}

#metadata-data label {
	width: 65px;
	margin-left:80px;
	color:666666;
	font-size:11px;
	font-family:Arial;
	font-style:normal;
}

#metadata-data label.secondLabel{
    margin-left:15px;
}


.metadata-general br {
	clear:both;
}

.metadata-general span{
	width:210px;
    margin-left:5px;
	color:666666;
	font-size:11px;
	font-family:Arial;
	font-style:normal;
}

.metadata-general label {
	width: 65px;
	margin-left:20px;
	color:333333;
	font-size:11px;
	font-family:Arial;
	font-style:normal;
    font-weight:bold;
}

.metadata-general label.secondLabel{
    margin-left:10px;
}

/**************************************************************************/

.faqPanelContent{
    padding-bottom:10px;
    padding-left:20px;
    padding-right:15px;
    padding-top:15px;
    font-size:14px;
    text-align:justify;
}

.faqPanelContent p{
    color:#666666;
    font-size:11px;
	padding-top:0px;
	padding-bottom:15px;
}

.faqPanelContent span{
    color:#6F9FCE;
    font-size:11px;
	padding-left:15px;
}

.faqDivQuestionContainer{
	float:right;
	width:431px;
	height:470px;
	border:1px solid;
}

.faqDivTypeContainer{
	float:left;
	width:188px;
	height:470px;
	border:1px solid;
}

.faqDivQuestion{
	height:445px;
	width:401px;
	overflow-y:scroll;
	padding:10px 15px 15px;
}

.faqDivQuestionHide{
	display:none;
}

.faqTitleLabel{
    color:#000000;
    font-size:12px;
	padding-top:15px;
}

.faqTypeLabel{
	font-size:11px;
	padding-top:15px;
	padding-bottom:15px;
}

.faq-li, .faq-li-selected{
	height:25px;
	border-bottom:1px solid #EDF0F1;
	padding-top:10px;
	cursor:default;
}
.faq-li{
	background-color:#F8F9FA;
}
.faq-li:hover{
	background-color:#EBF9FC;
	cursor:pointer;
}
.faq-li-selected{
	background-color:#D9EBF2;
}

#overviewContent{
    font-size:12px;
    line-height:1.2em;
}

#featuresContent{
    font-size:12px;
    overflow-y:hidden;
    overflow-x:hidden;
    height:500px;
    line-height:1.15em;
}

#overviewContent object{
    margin-right:5px;
}

#successfulSignUp{
    background-color:#F7FCFC;
    border: solid 1px #F0F7F2;
    margin: 15px;
    padding-left:50px;
    padding-top:40px;
    height:535px;
}

#successfulSignUpHeader{
  background-color:#F2F9FC;
  height:75px;
}
#successfulSignUp h1{
   color:#4181C0;
   font-size:24px;
   margin-bottom: 15px;
   padding-left:0;
   display:block;
   font-weight:normal;
}

#successfulSignUp p{
   color:#666666;
   font-size:12px;
   margin-bottom: 15px;
}

#successfulSignUp p a{
   color:#4181C0;
   font-size:12px;
}

#confirmedAccount{
    background-color:#F7FCFC;
    border: solid 1px #F0F7F2;
    margin: 15px;
    padding-left:50px;
    padding-top:40px;
    height:535px;
}

#confirmedAccountHeader{
  background-color:#F2F9FC;
  height:75px;
}
#confirmedAccount h1{
   color:#4181C0;
   font-size:24px;
   margin-bottom: 15px;
   padding-left:0;
   display:block;
   font-weight:normal;
}

#confirmedAccount p{
   color:#666666;
   font-size:12px;
   margin-bottom: 15px;
}

#confirmedAccount p a{
   color:#4181C0;
   font-size:12px;
}