html{
	background-color:#efefef;

}

body{
	background-color:#efefef;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:link, .redLink {
	color: #FF3300;
	text-decoration: none;
}
.redLink:hover{
    cursor: pointer;
    cursor: hand;
}
a:visited {
	text-decoration: none;
	color: #FF3300;	
}
a.novisited:visited{
	text-decoration: none;
	color: black;	
}

a:hover {
	text-decoration: underline;
	color: #FF3300;
}
a:active {
	text-decoration: none;
	color: #FF3300;
}

.normal{
    text-align:right;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin-top: -2px;
	width:67px;
}


h1{
	text-align: left;
	font-size:18px;
	font-weight:normal;
	display:block;
	color:#ff3300;
	padding:10px 0px 10px 0px;
	margin:0px;
	width:30%;
	float:left;

}

h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:normal;
	font-size:12px;
	text-align:left;
	color:#ff3300;
	margin-top:10px;
	clear:right;
	width:100%;
	padding-bottom:7px;
	clear:both;

}

/*padding*/

p{
	padding-bottom:10px;
}
/*end padding*/




/*divisor horizontal celda*/
hr{
	width:100%;
	height:1px;
	border-style:none;
	background-color:#CCCCCC;
}

hr.noLine{
    height: 0px;
}

/*final divisor horizontal celda*/



/* HEADER */
#header-background{
	background: url(../images/header_background.gif) repeat-x top #FFFFFF;

}


#header{
	background:url(../images/support_motivo.gif) top right no-repeat;

}

#partner-header{
	background:url(../images/partners_motivo.png) top right no-repeat;

}

#logo-home{
	height:45px;
	padding-top:5px;
	padding-left:5px;
	width:145px;
	margin-right:300px;
	float:left;
}

#tools{
	float:right;
	font-size:10px;
	margin:0px;

}

#tools ul li { 
	padding:5px 5px 2px 2px;
	color:#555;	
}

#tools ul li a{
	color:#555;
	text-decoration:none;
	border-right:1px dotted #8b8b8b;
	padding-right:4px;

}

#tools ul li a:hover{
	color:#ff3300;
	text-decoration:none;
}

#tools ul li:first-child{
	color:#ff3300;
	text-decoration:none;
	border-right:none;
}

/*User Line*/
#related-box{	
	margin:10px auto 0px auto;
	width:850px;
	padding:0px;
	float:right;
	z-index:50;
}



.register_partner{
	background:url(../images/partners_duo_small.png) left center no-repeat;
	padding:5px 5px 5px 20px;
	margin: 0px 0px 0px 10px;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	float:right;
	height:12px;	
}

select{
	border:1px solid #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding:0px 0px 0px 0px;

}

.solutionSearchButton{
    margin-top: -3px;
}

.bigButton{
    width: 116px;
}

.bigggButton{
    width:175px;
}

.biggButton{
    width:135px;
}

button{
    clear:both;
    display:inline-block;
    padding:2px;
    background:url(../images/button.png) repeat-x;
    margin:0px 10px 0px 10px;
    border:1px solid #CC0000;
    width:100px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#FFFFFF;
    cursor:pointer;
}
.button-mini{
    width:66px;
}

.button-mini a, .button{
	border:1px #CCCCCC solid;
	background:url(../images/button_back.png) top left repeat-x;
	padding:3px 5px 5px 5px;
	font-size:9px;
	margin:0px 0px 15px 15px;
	float:right;
	cursor:pointer;
	display:block;
	color:#333;
}

.button-mini a:hover, .button:hover{
	background-image:url(../images/button.png);
	border:1px #cc0000 solid;
	color:#FFFFFF;
	text-decoration: none;
}

.button{
    float:none;
    width: 60px;
    display: inline;
}

.button:visited,.button:link{
    color: #333;    
}

/*ROL OPTIONS MENU*/

.choose_role{
	margin: 0px 0px 0px 10px;
	padding:0px;
	font-size:9px;
	text-align:left;
	float:right;
	z-index:100;
	position:relative;
}


.choose_role ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width:125px;
	border-bottom: 1px solid #ccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}
	
.choose_role ul li {
	background:url(../images/arrow_v.png)  no-repeat;
	width:125px;
}

.choose_role li ul {
	position: absolute;
	top: 20px;
	display: none;
	width:125px;
}
	
.choose_role ul li a {
	display: block;
	text-decoration: none;
	color: #333;
	padding: 4px;
	border: 1px solid #ccc;
	border-bottom: 0px;
}
.choose_role ul li ul li a{
	position: relative;
	background:url(../images/button_back.png) top left repeat-x;
}	


.choose_role ul li a:hover{
	background-image:url(../images/button.png);
	border:1px #cc0000 solid;
	color:#FFFFFF;
}

.choose_role li:hover ul, li.over ul { 
	display: block; 
}

/*Main MENU*/

#main-menu{
	width:115px;
	margin:60px 0px 0px 0px;
	padding:0px;
	text-align:left;
}

#main-menu ul{
	list-style:none;
}

#main-menu ul li a{
    color:#666666;
    padding:5px 10px 5px 20px;
    background:url(../images/square_red_5x5.gif) top left no-repeat #efefef;
    font-size:12px;
    margin-bottom:3px;        
    display:block;
}

#main-menu ul li a.upgrade-menu{
    color: #F30;
    font-weight: bold;
}

#main-menu ul li a:hover,#main-menu .main-menu-selected{	
    background: url(../images/square_white_5x5.gif) top left no-repeat #FF3300;
    color:#FFFFFF;    
	text-decoration: none;
}

/* CONTENT */
#content-background{

	background-color:#FFFFFF;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
}


#registrationbox{
	float:right;
	width:210px;
	background-image: url(../images/registration_box_back.png);
	background-repeat: repeat-x;
	padding:20px;
	border:1px solid #f3f4f4;
	font-size:10px;
	text-align:left;

}
#contentbox{
	float:left;
	width:500px;
	padding:0px 20px 0px 0px;
	text-align:left;

}

.titlehome_partners{
	background:url(../images/support_duo.png) left top no-repeat;
	color:#FF3300;
	font-size:12px;
	font-weight:bold;
	padding:15px 0px 10px 35px;
	height:40px;
	clear:right;
	width:100%;
	
}

/*TABS*/


ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc li {
    float: left;
    margin: 0 5px 0 0;
}

ol#toc a {
    background:url(../images/tab_2.gif);
    color: #666;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
}

ol#toc a:hover {
    background:url(../images/tab.gif);
    background-position: 0 -120px;
    color: #f30;
}

ol#toc a:hover span {
	background:url(../images/tab.gif);
    background-position: 100% -120px;
}

ol#toc li.current a {
    background:url(../images/tab.gif);
    background-position: 0 -60px;
    color: #ff3300;
    font-weight: bold;
}

ol#toc li.current span {
    background:url(../images/tab.gif) 100% -60px;
}

ol#toc span {
    background:url(../images/tab_2.gif) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}


div.content {
    border: #ccc solid 1px;
	background:url(../images/bkg_box1.png) left top repeat-x;
    clear: left;
    padding: 1em;
}

/*Home styles*/

#intro{
	width:50%;
	font-size:11px;
	line-height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	float:left;
	margin-right:75px;
	margin-left:20px;

}

#registrationbox{
	marging-top:50px;
	float:left;
	width:210px;
	background: url(../images/registration_box_back.png) top left repeat-x;
	padding:20px;
	border:1px solid #f3f4f4;
	font-size:10px;
	text-align:left;

}
.icon{
	margin-right:5px;
	padding-top:25px;
	float:left;
	cursor:pointer;
}
.support_guide{
	float:left;
	width:180px;
	padding:0px 0px 0px 0px;
	font-size:10px;
	text-align:left;
	padding-top:25px;
}

#shadow{
	width:5px;
	height:160px;
	float:left;
	background:url(../images/tab_shadow.gif) left top;

}

/*END Home styles*/


/*FOOTER*/
#footer {
	font-size:9px;
	color:#8b8b8b;
	height:50px;
	
}

#footer ul li {
	padding:1px 5px 2px 5px;
	border-right:1px dotted #8b8b8b;
}

#footer ul li:first-child{
	border-left:none;
	
}

#footer ul li a{
	text-decoration:none;
	color:#555555;
	

}
#footer ul li a:hover{
	text-decoration:none;
	color:#ff3300;

}

/*FOOTER END*/


/*FORMS*/
.box{
	float:left;
	width:400px;
	text-align:left;
	margin-left:10px;
	margin-bottom:5px;
}

.box#emptyDiv{
    height: 30px;
}

.box a{
    font-size:10px;
}
.box1{
	float:left;
	width:380px;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:15px;
}

.box2{
	float:left;
	width:340px;
	margin-right:0px;
	text-align:left;
	margin-left:73px;
	margin-bottom:5px;

}


.box3{
	float:left;
	width:400px;
	margin:15px 0px 15px 10px;
}

.box4{
	float:left;
	width:400px;
	text-align:left;
	margin:15px 0px 15px 10px;
}


.box_withmargin{
	float:left;
	width:400px;
	margin-right:0px;
	text-align:left;
	margin-left:10px;
	margin-bottom:5px;
}
.box_complete{
	float:left;
	width:810px;
	margin-right:0px;
	text-align:left;
	margin-left:10px;
	margin-bottom:5px;
	clear:both;

}
.box_complete_buttons{
	float:left;
	width:100%;
	height: 30px;
}

.box_complete pre,.box_comment pre{
    font-family: verdana, Arial, Helvetica, sans-serif;
    padding-bottom: 5px;
    white-space:pre-wrap;
}

.box_comment{
    float: left;
    width: 785px;
    margin-right: 0px;
    text-align: left;
    margin-left: 10px;
    margin-bottom: 0px;
    clear: both;
    border-bottom: 1px solid #CCC;    
    padding: 8px;   
}

.box_comment label{
    word-wrap:break-word;
}

.box_comment label.labeldetails{
    width: 130px;
}

.box_comment div.completeWidth{
    width: 640px;
}

td.link:first-child{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ff3300;
	text-align:left;
	border-bottom:1px dotted #cccccc;
	font-weight:bold;	

}

.link{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ff3300;
	text-align:left;
	border-bottom:1px dotted #cccccc;
	border-right:1px dotted #cccccc;
	font-weight:bold;


}
select{
	margin:0px 0px 0px 20px;
	padding:0px;
	display:block;
	font-size:12px;
	float:left;
	width:180px;
}
label{
	padding:5px 0px 10px 0px;
	margin:0px;
	float:left;
	font-size:10px;
	color:#333333;
	width:110px;
	display:block;
}
.special{
	margin-left:5px;
	width:20px;
	margin-right:10px;

}
.quote{
	font-size:9px;
	color:#333333;
	margin-left:20px;
	float:left;
	margin-bottom:10px;
	margin-top:2px;
}

input{
	margin:0px 0px 0px 20px;
	padding:0px;
	font-size:12px;
	float:left;
	border:1px solid #ccc;
}


input[type="hidden"]{
    display: none;
}

.emailInput{
    width: 200px;
}

.hidden{
    display:none;
    visibility:hidden;
}

input[type="image"]{
    border:none;
    float: none;    
}

img[src="images/info.gif"],img[src="images/help.gif"]{
    margin-left: 5px;
    width: 15px;
    height: 15px;    
}
.span{
    margin:0px 0px 0px 20px;
	padding:0px;
	font-size:12px;
	float:left;
	border:1px solid #ccc;
}

.lupa{
	float:left;
	margin-top:0px;
	margin-left:10px;
	cursor:pointer;
}

.indication{
	float:left;
	color:#333333;
	font-size:10px;
	padding-top:5px;
	margin-left:5px;
	font-weight:bold;
}

.examinar{
	border:1px #CCCCCC solid;
	background:url(../images/button_back1.png) bottom left repeat-x;
	padding:2px 10px 3px 10px;
	font-size:9px;
	margin:0px 0px 10px 10px;
	float:left;
	cursor:pointer;
	}

.button-mini{	
	float:right;
}

.right{
    float:right;
}
.calendar{
	float:left;
	margin-top:0px;
	margin-left:10px;
	cursor:pointer;

}


textarea{
	margin:0px 0px 0px 20px;
	padding:0px;
	display:block;
	font-size:12px;
	float:left;
	border:1px solid #ccc;
	margin-bottom:10px;
	width:178px;
	height:auto;
}

.bigtextarea{    
    width: 650px;
    height: 150px;
}
.more{
	width:653px;

}


.complete1{
	margin:0px 25px 0px 0px;
	padding:0px;
	display:block;
	font-size:12px;
	float:right;
	border:1px solid #ccc;
}


td,th{
	margin:0px;
	padding:5px;

}

table{
	margin-top:10px;
	margin-bottom:20px;
	margin-left:0px;
	border-collapse:collapse;
	border-spacing:0px;
}

table.table_layout_fixed{
    table-layout: fixed;
}

.main-text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	text-align:left;
	color:#666;
	border:1px dotted #cccccc;	
	background-color:#FFFFFF;
}

.main-text1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	text-align:left;
	color:#666;
	border:1px dotted #cccccc;
	background-color:#FFFFFF;

}

.main-text2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	text-align:left;
	color:#666;
}


td.main-text:first-child{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	text-align:left;
	color:#666;
	border:1px dotted #cccccc;
}

.title_table{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	color:#333;
	/*background-color:#efefef;*/
	border:1px dotted #cccccc;
}

.results{

	margin-left:10px;
	margin-bottom:5px;
	color:#333333;
	font-weight:bold;
	clear:left;
	
}
	
.fieldset{
	float:left; 
	border:1px solid #ccc;
	background-color:#ffffff;
	padding:10px;;
	font-size:10px;
	width:290px;
	margin-bottom:10px;
}

#commentFromDiv{
    margin-top: 5px;
}

.divDetails{
	background-color: white;
	float: left;
	font-size: 10px;
	margin-right: 10px;
	padding: 10px;
	width: 166px;
	padding: 5px 2px 5px;
	word-wrap: break-word;
}
.divModify{
	float: left;
	font-size: 10px;
	margin-right: 10px;
	padding: 10px;
	width: 166px;
	padding: 5px 2px 5px;
	word-wrap: break-word;
}

.divModify input[type="text"]{
    margin-left:0px;
}

.divModify #hours, .divModify #minutes{
    width: 20px;
}

.divModify select{
    margin-left: 0px;
    width: 165px;
}

.doubleWidth{
	width: 436px;
}

.completeWidth{
	width: 705px;
}

.labeldetails{
	width: 90px;
}

legend{
	padding-top:10px;
}

legend.legendEditProfile{
    text-align:center;
    width: 100%;
    
        
}    
.emphasize{
	font-weight:bold;

}


a.dp-choose-date {
	float: none;
	width: 19px;
	height: 19px;
	padding: 0;	
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat; 
    vertical-align: top;
    margin-left:265px;    
}
div.dp-calendar{
    margin-bottom: -20px;
}

a.dp-choose-date.dp-disabled {
	background-position: 0 -25px;
	cursor: default;
}

#genericUpdatesDiv{
    visibility: hidden;
    display: inline; 
    margin-left:485px;
}

#genericUpdatesDiv.nomargin{
    margin-left:75px;
}

.checkboxlabel{
    width: 67px;
    margin-top: -5px;
    padding: 5px 0px 4px;
}    

.moduleselect{
    width: 150px;
    margin-top: -3px;
}

.moduleLine{
    height: 16px;
}
.supportComment{
    background-color: #FFC;
}
.commentTextArea{
    height: 150px;
    margin-top: 10px;
    width: 678px;;
}

.error{
    color: #F30;
    font-weight: bold;
    margin-bottom: 10px;
}

#instructionsdiv,#detailsdiv{
    margin-left: 75px;
}
#instructionsdiv ul li,#detailsdiv ul li{
    list-style: disc;
}

#modalWindow{
    padding: 20px;
}
#modalWindow ul li{
    list-style-type: disc;
    text-align: left;
}

.updateSelect{
    margin: 0px;
}
.withoutmargin{
    margin:0px;
}

#itemName,#newTitle{
    width: 650px;     
}

#modalWindow img{
    margin-left: auto;
    margin-right: auto;    
    margin-top: 100px;       
}
#modalWindow a img{
    margin-top: 0px;
}
#modalWindow table{
    margin-left: auto;
    margin-right: auto;
}
.center{
    text-align: center;
}
.radioCell{
    width:200px;
    word-wrap: break-word;
}
.radioCell input{
    float: left;
}
.radioCell label{
    display: inline;
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 5px;
    padding-left: 5px;
    width: 150px;
}
#errorRadio{
    color: #F30;
    font-weight: bold;
}

.disabledField{
    float: right;
    width: 115px;
    margin:0px;        
}
input[readonly="readonly"], input[disabled="disabled"], .disabled{
    background-color: #EBEBE4;
}

/* CSS styles for add user page*/

#roles,#masterlogins{
    display: inline;    
    width: 120px;
    font-size: 10px;    
}

#roles{
    float:left;
}
#roles div{
    margin-left:20px;
}

#masterlogins{
    float:right;
}

#masterlogins input,#masterlogins select{
    margin-left:0px;
    margin-top:2px;
}

#masterlogins select{
    height: 85px;
}
#roles select, #roles div, #masterlogins input, #masterlogins select, #masterlogins div{
    font-size:10px;
    width: 120px;
}

#roles select#rol{
    width: 130px;
    height: 131px;
}

#docTypesSelect{
    height: 108px;
    width: 153px;
}

/* CSS styles for add partner user page*/
#partnerDocTypes{
    display: inline;    
    font-size: 10px;  
    width: 180px;
    float:left;
}
#partnerDocTypes div{
    margin-left:20px;
    width: 180px;
}

/* CSS styles for update user page*/

#language,#activated{
    margin-left:0px;
}
#updateFromSF{
    font-size:10px;
    float:right;
    margin-right: 202px;
    margin-top: -5px;
}

#searchBox + a#findContactLink{
    float:left;
}

/*CSS styles for add and update license pages*/

#disclaimer{
    font-size: 10px;
    width: 315px;
}

#disclaimer strong{
    font-weight: bold;
}

#updateLicenseForm #notes,
#updateLicenseForm #restrictions,
#updateLicenseForm #expirationDate,
#updateLicenseForm #supportExpirationDate,
#updateLicenseForm #notificationLevel{
    margin-left: 0px;
}



/*
*       Assign support members page
*/

#supportAgentsList label{
    float:none;
    width: auto;
    font-size: 12px;    
    display: inline;
    margin-top:5px;
    margin-left:5px;
}

#supportAgentsList input[type="checkbox"]{
    padding: 0px 0px;
    margin: 0px;
    margin-top:5px;
    margin-bottom:5px;
    float:none;
}


/*
            Add case page (Case administrator and Support agent)

*/
.miniLabel{
    padding: 3px 0px;
    width: 45px;
}

/*
    Upgrade to 4.7 lists styles
*/

.bullets-list{
    margin-left: 260px;
    text-align: left;
}

.bullets-list li{
    list-style: disc;
}

.justify{
    text-align: justify;
}

#upgradeForm label{
    width: 100%;
    margin-top: -5px;    
    text-align: left;
}
#upgradeForm table{
    margin-bottom: 0px;
}

.info{
    margin-bottom: 15px;
    text-align: justify;
    font-size: 12px;
}

.caducatedLicense{
    background-color: #FDD;
}
.deactivatedLicense{
    background-color: #EEE;
}

.lastrow{
    border-bottom: 3px solid #CCC;
}

#licenseRequestForm fieldset{
    width: 360px; 
}

#licenseRequestForm #helpDiv{
    height: 50px;
}
#licenseRequestForm .box_complete_buttons{
    margin-top:15px;
}

#licenseRequestForm select{
    width: 230px;
}

.redColor{
    color: #F30;
}

.licenseCodeFieldWith{
    width: 200px;
}

.moduleImage{
    display: inline;
    position: relative;
    width: 160px;
}

#moduleVersion{
    display: inline;
    font-size: 20px;
    position: relative;
    top: -13px;
    width: 100px;
}

#linkPath, #embeddedVideoLink{
    width: 650px;
}

.word-wrap{
    word-wrap: break-word;
}

#divAmericaHolidaysId,#divEMEAHolidaysId{      
    margin-left: 15px;
    color: #666666;
}

.holidaymoth{    
    font-weight: bold;
}
#downArrowAmericaHolidays,#downArrowEMEAHolidays{
    margin-bottom: -2px;    
}

thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}

#casesTable{
    margin-left: auto;
    margin-right: auto;
}