html, body {
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #CCCAC4;
    background-image: url(/images/background.gif);
	background-repeat: repeat-y;
	background-position: center;
}

a {
    text-decoration: none;
}

img {
    border: 0px;
}



/* ------- MAIN STRUCTURE STYLES ------- */

#main{width:1000px; height:100%; margin-left:auto; margin-right:auto;background-color:#F3F1E9;}



#header{width:1000px; height:114px; background-color:#31363E; clear:both; border-top: 10px solid #1D242F;}
#headerleft { width:200px; padding-left:25px; padding-top:10px; float:left; background-color:#31363E;}
#headerright { width:250px; float:right; text-align:right; padding-top:10px; padding-right:15px; background-color:#31363E;}
#headermenu { width:775px;  height:26px; float:right; text-align:center; background-color:#31363E; background-image:url(/images/bg-hor-menu.gif?1); margin-top:56px;}
#content{width:1000px; height:100%;  margin-bottom:20px; clear:left; margin-top:2px; }
#foot{width:980px; height:22px; padding:10px; background-color:#4D586A; clear:both; border-top: 1px solid #FFFFFF; text-align:center;}

#announcement { width: 600px; margin: 20px auto 0; padding: 0 12px 12px; }
#announcement p, #announcement dl,#announcement multicol { display:block; margin:1em 0 0; }

#column1{width:740px;   padding-top:30px;  margin-bottom:20px;  margin-left:4px; float:left; }
#column2{width:240px;    padding-top:30px; margin-bottom:20px;  margin-right:2px; float:right; /*border: 1px solid #999999;*/}
#topPage{width:740px; height:20px;  clear:left; background-image:url(/images/topPage.gif?1)}
/*#middlePage{width:740px; height:inherit;clear:left; background-image: url(/images/bgPage.gif?1)}*/
#middlePage{width:740px; height:inherit; background-image: url(/images/bgPage.gif?1)}
#bottPage{width:740px; height:33px;  clear:left; background-image:url(/images/bottPage.gif?1)}
/* Modified by fxn to have the same width as the section with links */
#topStatus{width:213px;  height:100%; padding-top:15px; padding-left:12px; padding-right:15px;  clear:left; background-image:url(/images/topLinks.gif?1); background-repeat:repeat-y;}
#bottStatus{width:235px; height:20px;  clear:left; background-image:url(/images/bottLinks.gif?1)}
/*#topStatus{width:183px;  height:100%; padding-top:15px; padding-left:12px; padding-right:15px;  clear:left; background-image:url(/images/topStatus.gif?1); background-repeat:repeat-y;}*/
/* #bottStatus{width:210px; height:20px;  clear:left; background-image:url(/images/bottStatus.gif?1)}*/
#topLinks{width:213px;  height:100%; margin-top:10px; padding-top:15px; padding-left:12px; padding-right:10px; clear:left; background-image:url(/images/topLinks.gif?1); background-repeat:repeat-y;}
#bottLinks{width:235px; height:20px;  clear:left; background-image:url(/images/bottLinks.gif?1)}

#FacturaDatos{width:695px; height:inherit;  margin-left:20px; margin-right:20px; border: 1px solid #E6E3D7; }
/*#FacturaDatosIzq{width:390px; height:inherit; padding:10px;  clear:left;}*/
/*#FacturaDatosDer{width:250px; height:inherit;  padding:10px;  float:right;  text-align:center;}*/
#FacturaCuerpo{width:695px; height:inherit;  clear:left; margin-left:20px; margin-right:20px; margin-top:20px;}

div#invite{
  padding:20px 20px 20px 30px;  
}

div#invite div.fields{
    margin-left:15px
}

td {
    padding: 5px 5px 5px 5px;
}

form {
    margin: 0px; /* Safari puts extra margin at the bottom of the form in invoices/new */
}

#pestanas {
    float: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

#pestanas ul {
    padding: 0px 0px 0px 0px;
    list-style: none;
}

#pestanas li {
    float: left;
    background: url(/images/pest_left.gif?1) no-repeat left top;
    margin: 0;
    padding: 0 10px 0 7px;
}

#pestanas a {
    float: left;
    display: block;
    background: url(/images/pest_right.gif?1) no-repeat right top;
    background-color: #4D586A;
    padding: 5px 15px 4px 6px;
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#pestanas a { float: none; }

/* End IE5-Mac hack */
#pestanas a:hover { color: #1D242F; }

#pestanas #current { background-image: url(/images/pest_left_on.gif?1); }

#pestanas #current a {
    background-image: url(/images/pest_right_on.gif?1);
    background-color: #F3F1E9;
    color: #1D242F;
    padding-bottom: 5px;
}

/* addtions of Elliot from May 25 */
/* ------- RESULTS TABLE STYLES ------- */
tr.table-row-head {
    background-color: #CCCAC4;
}

tr.table-row-even {
    background-color: #FFFFFF;
}

tr.table-row-odd {
    background-color: #F3F1E9;
}

/* ------- PUBLIC WEB STYLES ------- */

#header2{width:1000px; height:117px; background-color:#31363E; clear:left; border-top: 10px solid #1D242F;  border-bottom: 3px solid #4D586A;}
#headerright2 { width:685px; float:right; text-align:right; padding-top:30px; padding-right:15px; background-color:#31363E;}

#highlightarea{width:1000px; padding-top:20px; padding-bottom:20px; margin-top:20px; background-color:#E6E3D7; clear:left; border-top: 3px solid #DBD5C5;  border-bottom: 3px solid #DBD5C5;}
#cleararea{width:800px; text-align:center; margin-left:100px; margin-right:100px;  padding-top:10px; clear:left;}
#highlightarea2{width:1000px; height:620px; padding-top:10px; padding-bottom:20px; margin-top:20px; background-color:#FFFFFF; clear:left; border-top: 3px solid #DBD5C5;  border-bottom: 3px solid #DBD5C5;}
#highlightarea3{width:1000px; height:605px; padding-top:10px; padding-bottom:20px; margin-top:20px; background-color:#FFFFFF; clear:left; border-top: 3px solid #DBD5C5;  border-bottom: 3px solid #DBD5C5;}

#titlearea{width:800px; clear:left; padding-top:30px; padding-bottom:5px; padding-left:100px;}
#textarea{width:800px; clear:left; padding-top:0px; padding-bottom:10px; padding-left:60px;}
#textareaLeft{width:350px;  padding-top:0px; float:left; padding-bottom:10px; padding-left:0px;}
#textareaRight{width:400px;  padding-top:0px; float:right; padding-bottom:10px; padding-left:0px;}

.container_24{margin-left:auto;margin-right:auto;width:960px;}
.alpha{margin-left:0}
.omega{margin-right:0}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10,
.grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19,
.grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
display: inline;
float: left;
margin-left: 5px;
margin-right: 5px;
}

.container_24 .grid_23 {width: 910px;}
.container_24 .grid_14 {width: 550px;}
.container_24 .grid_11 {width: 430px;}
.container_24 .grid_10 {width: 390px;}
.container_24 .grid_9 {width: 350px;}
.container_24 .grid_6 {width: 230px;}

.container_24 .suffix_1 {padding-right: 40px;}
.container_24 .prefix_08 {padding-left: 30px;}
.container_24 .prefix_1 {padding-left: 40px;}
.container_24 .prefix_2 {padding-left: 80px;}
.container_24 .prefix_3 {padding-left: 120px;}
.container_24 .prefix_32 {padding-left: 130px;}
.container_24 .prefix_4 {padding-left: 160px;}


#divider{width:500px; height:1px; float:left; margin-bottom:10px; margin-top:3px; background-color:#DBD5C5;}
.topPackage{width:213px;  height:250px; text-align:center; margin-top:10px; padding-top:5px; padding-left:12px; padding-right:10px; clear:left; background-image:url(/images/topPackage.gif?1); background-repeat:repeat-y;}
#topPackage2{width:213px;  height:260px; text-align:center; margin-top:10px; padding-top:5px; padding-left:12px; padding-right:10px; clear:left; background-image:url(/images/topPackage.gif?1); background-repeat:repeat-y;}
.topPackageShort{width:213px;  height:110px; text-align:center; margin-top:10px; padding-top:5px; padding-left:12px; padding-right:10px; clear:left; background-image:url(/images/topPackage.gif?1); background-repeat:repeat-y;}

.bottPackage{width:235px; height:20px;  clear:left; background-image:url(/images/bottPackage.gif?1)}
#highlightareaTour1{width:1000px; padding-top:10px; padding-bottom:20px; margin-top:20px; background-color:#FFFFFF; clear:left; border-top: 3px solid #DBD5C5;  border-bottom: 3px solid #DBD5C5;}
#highlightareaTour2{width:760px; padding:20px; margin-left:auto; margin-right:auto; margin-top:15px; background-color:#E6E3D7; clear:left; border: 3px solid #DBD5C5; text-align:center;}
#textareaTour{width:800px;  margin-left:auto; margin-right:auto; margin-top:15px; clear:left;}
#menuTour{width:915px; padding-top:5px; padding-left:85px; padding-bottom:5px; margin-top:10px; clear:left; background-color:#F3F1E9;}
#highlightareaAyuda{width:1000px; padding-top:10px; padding-bottom:10px; margin-top:20px; background-color:#FFFFFF; clear:left; border-top: 3px solid #DBD5C5;  border-bottom: 3px solid #DBD5C5;}
#textareaAyuda{width:800px;  margin-left:120px; margin-top:5px; clear:left;}


.topPackage p.Text20greyCenter {
    margin-top: 30px
}

#highlightareaAyuda div.subscriptions{
    height:200px;
}

div.subscriptions p {
    line-height: 30px;
}

/* ------- HELP SUBJECTS ------- */
.HelpItem {width:800px;   margin-top:15px; clear:left;}

/* -------XAVI STYLES! ------- */
#FacturaDatosIzq{width:390px; padding:10px; float:left;}
#FacturaDatosDer{padding:10px; text-align:center;margin-left:410px;}

/* ---- SEARCH FORM ---- */
.searchArea{width:695px; height:inherit;  margin:0px 20px 20px 20px;}

.searchArea td{padding: 0px;}
.searchArea td.spaced{padding-right: 5px;}

.searchArea img{vertical-align: -3px;}

.searchArea input {
    outline: none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.searchArea input:focus {
    box-shadow: 0 0 5px rgba(246, 179, 7, 1);
    -webkit-box-shadow: 0 0 5px rgba(246, 179, 7, 1);
    -moz-box-shadow: 0 0 5px rgba(246, 179, 7, 1);
    border: 1px solid rgba(246, 179, 7, 0.8);
}

/* ----- CONTACT FORM ---- */
#contact_form {
    width: 1000px;
    padding-top: 40px;
    padding-bottom: 20px;
    margin-top: 20px;
    background-color: #FFFFFF;
    border-top: 3px solid #DBD5C5;
    border-bottom: 3px solid #DBD5C5;
}

#contact_form p {
    padding-left: 20px;
}

#contact_form div.clear {
    clear:both;
}

/*  Api docs */
pre {
    background-color: #F0F0F0;
    display: block;
    margin: 10px 0;
    overflow-x: auto;
    padding: 10px;
    white-space: pre;
}

.model_apidocs .container_24, .concepts_apidocs .container_24, .index_apidocs .container_24, .routes_apidocs .container_24{
    background-color: #FFFFFF;
    border-bottom: 3px solid #DBD5C5;
    border-top: 3px solid #DBD5C5;
    margin-top: 20px;
    padding-bottom: 20px;
    padding-top: 40px;
    width: 1000px;
}

.model_apidocs div.clear, .concepts_apidocs div.clear, .index_apidocs div.clear, .routes_apidocs div.clear {
    clear:both;
}

.model_apidocs h2, .concepts_apidocs h2, .index_apidocs h2, .routes_apidocs h2 {
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 20px;
}

.model_apidocs p, .concepts_apidocs p, .index_apidocs p, .routes_apidocs p{
    font-size: 14px;
    margin-top: 10px;
}

.model_apidocs a, .concepts_apidocs a, .index_apidocs a, .routes_apidocs a {
    color: #E77E19;
    text-decoration: none;
}

.model_apidocs code, .concepts_apidocs code, .index_apidocs code, .routes_apidocs code {
    margin-left: 10px;
}

.model_apidocs pre, .model_apidocs code, .concepts_apidocs pre, .concepts_apidocs code, .index_apidocs pre, .index_apidocs code, .routes_apidocs pre, .routes_apidocs code {
    font-size: 12px;
}

.model_apidocs h3 {
    font-size: 14px;
    margin: 30px 0 15px;
}

.model_apidocs h3 a {
    border-bottom: 1px dotted #ffcc99;
    color: #E77E19;
    text-decoration: none;
}

.route p, .route span {
    font-size: 14px;
}

.status span.title, .path span.title {
    font-weight: bold
}

ul.table li.title {
    font-size: 14px;
    font-weight: bold;
    margin: 15px 0 3px;
}

ul.table li.route {
    font-size: 12px;
    margin: 0;
    padding: 3px 10px;
}

ul.table div.method {
    font-weight: bold;
    width: 70px;
}

ul.table li.title a {
    border-bottom: 1px dotted #ffcc99;
    color: #E77E19;
    text-decoration: none;
}


div.route .path span.title {
    float: left;
    font-weight: bold;
}

div.route .path ul li {
    list-style-type: none;
    margin: 3px;
}

.sidebar a {
    color: #E77E19;
    border-bottom: 0 none;
    display: block;
    font-size: 12px;
    padding: 5px 0 5px 20px;
    text-decoration: none;
}

/* End  api docs*/

/* Using fieldset to fix the width of the text areas  */
fieldset.textareas {
    border: none;
    padding: 0;
}

fieldset.textareas textarea {
    width:95%;
}