/* ######### Main styles for the page ######### */

body {background-color:#F1F1F2; padding:0em; margin:0em; font-size:1em;}
a {padding:0em;margin:0em;color:#000000; text-decoration:none;}
#mainBody a {padding:0em !important;margin:0em;color:#000000;}
#mainBody span {padding:0em;margin:0em;}


/* ######### This is the background for the whole page and includes the grey image with horizontal stripes ######### */

#background{height:auto;background-image: url(../images/backgrounds/partner_portal_01.gif); background-repeat:repeat-x; background-color:#F1F1F2; font-family:Arial, Helvetica, sans-serif;}

/* ######### The header and mainContainer have the same background image and are only separated to control the size of the header ######### */

#header {margin:auto; height:100px;width:713px; background-image: url(../images/backgrounds/partner_portal_02.gif); background-repeat:repeat-y; padding-bottom:25px; }
#mainContainer{margin:auto;width:713px; background-image: url(../images/backgrounds/partner_portal_02.gif); background-repeat:repeat-y; padding-bottom: 150px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}


/* ######### Promotional message ########## */
#promotional-message {background: url(../images/backgrounds/promotional-message.gif) repeat-x bottom; position:absolute; height:35px; width:100%; font-weight:bold; color: #FFFFFF; text-align:center; z-index:1000; padding-top:15px;}
#promotional-message a.click:hover {background:#FFFFFF;color:#ED2839; margin:0px; padding:0px;}

/* ######### Style for Menu Links ######### */

#mainMenu {clear:both; margin-left:auto; margin-right:auto; width:667px;height:29px;background-image: url(../images/backgrounds/partner_portal_14.gif); background-repeat:no-repeat; margin-bottom:0px;}
#mainMenu ul {list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; letter-spacing:.2px color:#939598; margin:0px 0px 10px 10px; padding-left:10px; padding-top:7px;}
#mainMenu li, a {text-decoration:none; color:#FFFFFF; display:inline; padding:5px 0px 5px 10px !important;}
#mainMenu a:hover {color:#FFFFFF;}

/* ######### Style for dropdown menu ######### */

.dropmenudiv{position:absolute; top: 0; border: 1px solid #BBB;border-bottom-width: 0;font:11px Arial;line-height:16px;z-index:100;background-color: white;width: 200px;visibility: hidden;}
.dropmenudiv a{width: 95%;display: block;border-bottom: 1px solid #BBB; padding: 0px;text-decoration: none;color: black;}
.dropmenudiv a:hover{background-color: #F0F0F0;
}

/* ######### Style for all page content - Most editing will need to be done here, please modify using html elements like <h1>, <td>, etc, whenever possible and avoid creating new classes ######### */

#mainBody {margin:auto; width:667px;background-image: url(../images/backgrounds/partner_portal_16.gif); background-repeat:repeat-y; padding-top:25px; padding-bottom:75px; font-size:11px; line-height:15px; clear:both;}
#mainBody p, table {margin:15px 25px 0px 35px;}
#mainBody table {border-collapse:collapse; border-color:#E4E4E4; border-width:1px; border-style: solid; -moz-border-radius: 0px;}
#mainBody a {color:#000000;}
#mainBody td {padding: 5px;}
#leftColumn {float:left; width:45%;}
#rightColumn {float:left; padding-left:20px; width:45%;}
.selectableRow {background:#FFFFFF; }
.selectedRow {background:#CCCCCC;}
.greyRow {background-color:#E4E4E4;}
.headRow {font-size:14px; font-weight:bold; color:#ED2839; border-bottom:solid #666666 1px}
.centeredTable {margin:auto;}
.singleTableCentered {margin:auto; width:91%; clear:both;}
.doubleTableCentered {margin-left:35px; float:left; width:40%;}
.iconline{display:inline; padding:5px; float:none; vertical-align:middle;}
.iconline img{float:none; padding:5px; margin-right:10px; vertical-align:middle;}
.twoColumnTable{float:left; width:40%;}
.clear {clear:both; height:1px;}
.pagination {padding-top:25px;}
.pagination a, span {margin:5px !important;padding:5px !important;}
.thankYouMessage {position:absolute; top:300px; left:350px; border:1px solid #000000; padding:0px; font-family:Arial; font-size:13px; line-height:16px; width:350px; background-color:#FFFFFF; font-weight:bold; color:#FFFFFF; }
.thankYouMessageHead {background-color:#ED2839; padding:5px; text-align:right;}
.thankYouMessageHead img {cursor:pointer;}
.thankYouMessageBody {padding:10px; clear:both; font-size:11px; color:#000000; font-weight:normal;}

/* ######### Styles specifically for the index page ###################### */
#leftTable {width:40%;}
#userInformation {width:90%;}
#userInformation td {width:50%;}
#orderInformation {width:90%;}
#orderInformation td {width:50%;}

/* ######### Styles specifically for the search_details page ###################### */
#resourceDetails{width:90%; margin:auto;}

/*Styles for the Knowledgebase*/
#knowledgeBase {margin-left:35px; border:solid 1px #CCCCCC;}

/*Styles for the news page*/
#newsTable a {margin:0px; padding:0px;}
#newsTable td {padding:5px;}

/*Styles for the news page*/
.applicationNavigation {margin-left:15px; margin-right:0px; text-align:center;}
.applicationFootNavigation {margin:25px;}
/*Styles for the articles page*/
#addComment{position:absolute;  left: 685px;    top: 138px;     width: 215px;   height: 134px; background:#FFFFFF;}
#addComment textarea {font-family:Arial, Helvetica, sans-serif; font-size:11px; border-style:solid; border-width:1px; width:190px; padding:4px; margin:5px;}
#addCommentContainer{position:relative;}

/* ######### Style for the red footer containing the copyright ######### */

#mainFooter {margin:auto; width:667px;background-image:url(../images/backgrounds/partner_portal_18.gif); background-repeat:no-repeat; clear:both;}
#mainFooter p {margin:0px 10px 0px 25px; font-size:10px; color:#FFFFFF; padding-bottom:10px; padding-top:4px;}


/* ######### Miscellaneous tags for the /images in the header ######### */
#banner {float:left; padding-left:30px;}
#logo {float:left; margin:20px 0px 0px 12px; padding-bottom:20px; }
#help {float:right; width:5.5em; background-image:url(https://partners.xandros.com/images/backgrounds/partner_portal_09.gif); background-repeat:no-repeat; margin-right: 10px;padding: 15px 10px 35px 40px; position:relative;}
#help a {text-decoration:none; font-size:12px; font-weight:bold; color:#000000;}
#help a:hover {color:#666666;}

/* ######### Styles for various input forms ################*/

/* ######### Common form styles ############ */
.buttons {width:auto; font-family:Arial, Helvetica, sans-serif; font-size: 11px; background-color: #6d6e71; color: #FFFFFF; float:right; cursor:pointer; border:none; margin:5px;}
.buttonsSelected {width:31%; font-family:Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; color: #6d6e71; float:left; cursor:pointer; border:1px solid #ED2839; margin:5px; padding:5px;}
.buttonsLeft {width:auto; font-family:Arial, Helvetica, sans-serif; font-size: 11px; background-color: #6d6e71; color: #FFFFFF; float:left; cursor:pointer; border:none;}
input {font-family:Arial, Helvetica, sans-serif; font-size:11px; border-style:solid; border-width:1px; width:150px; padding:4px;}
select {font-family:Arial, Helvetica, sans-serif; font-size:11px; border-style:solid; border-width:1px; width:150px;}
.inputField {width: 100px;}
.quantityInputField {width:35px;}
.selectInputField {width:350px; font-family:Arial, Helvetica, sans-serif; font-size:11px; border-style:solid; border-width:1px;}
.radio {width:auto; border:none;}
/* for when buttons are used for navigation within a form*/
.buttonsNav {width:31%; font-family:Arial, Helvetica, sans-serif; font-size: 11px; background-color: #ED2839; color: #FFFFFF; float:left; font-weight:bold; cursor:pointer; border:none; margin:5px; padding:5px;}
#requiredFieldMarker {clear:both; margin-left:25px;}

/* ######### Specific form styles ########## */

/*Login form*/
form#login {font-size:11px;}
form#login table {margin:auto;}
form#login td {padding:5px;}
#login .text{font-family:Arial, Helvetica, sans-serif; font-size:11px; border-style:solid; border-width:1px; width:150px; padding:4px;}

/*Application form */
form#application select {width:120px; font-family:Arial, Helvetica, sans-serif; font-size:11px; border-style:solid; border-width:1px;}
form#application input[type="radio"] {width:auto; border:none;}
form#application .remove {font-size:11px; color:#000000; float:right; font-weight:normal; cursor:pointer;}
form#application input {width:110px;}
.ownership input {width:45px;}
#addBilling {cursor:pointer;}
#addShipping {cursor:pointer;}
.thankYouLink {padding:0px; margin:0px;}


/*Help form*/
#sendInquiry .textarea {font-family:Arial, Helvetica, sans-serif; font-size:11px; border-style:solid; border-width:1px; width:190px; padding:4px; margin:5px;}
#helpSpacer {clear:both;}

/*Search form*/
#search select {width:290px; font-family:Arial, Helvetica, sans-serif; font-size:11px; border-style:solid; border-width:1px; padding:1px;}
#search input.radio {width:auto;}

/* ######### helpForm tags ######### */
#helpForm {width:225px; height:200px; position:absolute; left: 0px; top: 58px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#helpFormHead {background-image:url(../images/backgrounds/helpform_01.gif); height:23px; width:225px;}
#helpFormHead img {float:right; padding: 5px 7px 0px 5px;}
#helpFormBody {background-image:url(https://partners.xandros.com/images/backgrounds/helpform_03.gif); margin-left: 1px; padding:8px;}
#helpFormBody textarea {width:97%; margin:auto;}

#helpFormFooter {background-image:url(https://partners.xandros.com/images/backgrounds/helpform_04.gif); height:18px; width:225px;}

/* ######### error messages ########### */
.validation-advice {color:#FF0000; font-weight:bold; padding-left:5px;}
.requiredMark {color:#FF0000; font-size:10px; font-weight:bold; padding:0px !important; margin:0px !important;}