/* styling the select box */

.sel {
width: 200px;
border: 1px solid #9fc8e7;
color: #333333;
font-size: 78%;
}

.all {
width: 140px;
border: 1px solid #9fc8e7;
color: #333333;
font-size: 78%;
}

.days {
width: 40px;
border: 1px solid #9fc8e7;
color: #333333;
font-size: 78%;
}

.dst {
width: 330px;
border: 1px solid #9fc8e7;
color: #333333;
font-size: 78%;
}

/* styling hte input text */

.txt {
width: 100px;
border: 1px solid #9fc8e7;
color: #333333;
font-size: 78%;
padding-top: 1px;
padding-left: 2px;
padding-bottom: 1px;
padding-right: 2px;
}

.txt-sf {
width: 194px;
border: 1px solid #9fc8e7;
color: #333333;
font-size: 78%;
padding-top: 1px;
padding-left: 2px;
padding-bottom: 1px;
padding-right: 2px;
}

.txt-login {
width: 300px;
border: 2px solid #019dcd;
color: #005d8d;
font-size: 90%;
font-weight: bold;
padding-top: 8px;
padding-left: 2px;
padding-bottom: 8px;
padding-right: 2px;
}

.txt-img {
width: 200px;
border: 2px solid #53c9ee;
color: #2aaed8;
font-size: 90%;
font-weight: bold;
padding-top: 8px;
padding-left: 2px;
padding-bottom: 8px;
padding-right: 2px;
margin-top: 5px;
}

/* styling the checkbox */

.cbx {
font-size: 78%;
color: #333333;
cursor: pointer; 
cursor: hand;
}

/* this is how you make a clickable label */

.lbl-login {
font-size: 70%;
font-weight: bold;
color: #ffffff;
line-height: 2em;
}

.lbl-keycode {
font-size: 70%;
color: #ffffff;
line-height: 1.8em;
}

.lbl-pass {
font-size: 70%;
color: #ffffff;
line-height: 1.8em;
}

.lbl {
font-size: 78%;
color: #333333;
cursor: pointer; 
cursor: hand;
padding-right: 5px; /* change to padding-left if you place the label on the right side of the input (can be text, radio button or checkbox) */
}

label.lbl {
-moz-user-select: none; /*aesthetic improvement for Firefox*/
behavior: expression(this.onclick = function() {this.children[0].click()});
}

label[class="lbl"] {
behavior: none;
}

/* styling the textarea */

.txa {
font-family: arial; /* textarea came with the default courier new font face with 12 point type */
font-size: 78%;
border: 1px solid #9fc8e7;
color: #333333;
width: 200px;
height: 100px;
padding: 4px;
}

.txa-sf {
font-family: arial; /* textarea came with the default courier new font face with 12 point type */
font-size: 78%;
border: 1px solid #9fc8e7;
color: #333333;
height: 120px;
padding: 4px;
}

.txa-sub {
font-family: arial; /* textarea came with the default courier new font face with 12 point type */
font-size: 78%;
border: 1px solid #9fc8e7;
color: #333333;
height: 40px;
padding: 4px;
}

input.keywords-color {
color: #797979;
font-style: italic;
}

/* Styling the submit button */

.submit {
width: 67px;
height: 27px;
background: url('../images/buttons/submitButton.gif') top left no-repeat;
border: 0;
cursor: pointer; 
cursor: hand;
}

.submit:hover  { /* IE does not recognise the :hover command */
background: url('../images/buttons/submitButton_rollover.gif') top left no-repeat;
}

/* Styling the reset button */

.reset {
width: 67px;
height: 27px;
background: url('../images/buttons/resetButton.gif') top left no-repeat;
border: 0;
cursor: pointer; 
cursor: hand;
}

.reset:hover  { /* IE does not recognise the :hover command */
background: url('../images/buttons/resetButton_rollover.gif') top left no-repeat;
}

/* Styling the search button */

.search {
width: 67px;
height: 27px;
background: url('../images/buttons/searchButton.gif') top left no-repeat;
border: 0;
cursor: pointer; 
cursor: hand;
}

.search:hover  { /* IE does not recognise the :hover command */
background: url('../images/buttons/searchButton_rollover.gif') top left no-repeat;
}

/* Styling the update button */

.update {
width: 67px;
height: 27px;
background: url('../images/buttons/updateButton.gif') top left no-repeat;
border: 0;
cursor: pointer; 
cursor: hand;
}

.update:hover  { /* IE does not recognise the :hover command */
background: url('../images/buttons/updateButton_rollover.gif') top left no-repeat;
}

/* Styling the login button */

.login {
width: 67px;
height: 27px;
background: url('../images/buttons/loginButton.gif') top left no-repeat;
border: 0;
cursor: pointer; 
cursor: hand;
}

.login:hover  { /* IE does not recognise the :hover command */
background: url('../images/buttons/loginButton_rollover.gif') top left no-repeat;
}

/* Styling the login button at login.html */

.login-2 {
width: 86px;
height: 39px;
background: url('../images/login/login-button.jpg') top left no-repeat;
border: 0;
cursor: pointer; 
cursor: hand;
}

/* Styling the submit button at login.html */

.submit-2 {
width: 86px;
height: 39px;
background: url('../images/login/submit-button.jpg') top left no-repeat;
border: 0;
cursor: pointer; 
cursor: hand;
}

/* Styling the cancel button */

.cancel {
width: 67px;
height: 27px;
background: url('../images/buttons/cancelButton.gif') top left no-repeat;
border: 0;
cursor: pointer; 
cursor: hand;
}

.cancel:hover  { /* IE does not recognise the :hover command */
background: url('../images/buttons/cancelButton_rollover.gif') top left no-repeat;
}

/* Styling the save button */

.save {
width: 67px;
height: 27px;
background: url('../images/buttons/saveButton.gif') top left no-repeat;
border: 0;
cursor: pointer; 
cursor: hand;
}

.save:hover  { /* IE does not recognise the :hover command */
background: url('../images/buttons/saveButton_rollover.gif') top left no-repeat;
}

.alignTop
{
    vertical-align:top;
}

table.radiobtn_list input
{	
    float: left;
}

table.radiobtn_list label	
{
    margin-left:25px;		
    display:block;	
}

table.radiobtn_list td	
{
    width: 115px;
    vertical-align: top;
}

/* Styling the "Move to Current Marketing Folder" button */

.currentButton {
width: 195px;
height: 27px;
background: url('../images/buttons/movecurrentButton.gif') top left no-repeat;
border: 0;
cursor: pointer; 
cursor: hand;
}

.currentButton:hover  { /* IE does not recognise the :hover command */
background: url('../images/buttons/movecurrentButton_rollover.gif') top left no-repeat;
}

/* Styling the "Done" button */

.doneButton {
width: 67px;
height: 27px;
background: url('../images/buttons/doneButton.gif') top left no-repeat;
border: 0;
cursor: pointer; 
cursor: hand;
}

.doneButton:hover  { /* IE does not recognise the :hover command */
background: url('../images/buttons/doneButton_rollover.gif') top left no-repeat;
}

/* Styling the "Move to Hidden Folder" button */

.hiddenButton {
width: 155px;
height: 27px;
background: url('../images/buttons/movehiddenButton.gif') top left no-repeat;
border: 0;
cursor: pointer; 
cursor: hand;
}

.hiddenButton:hover  { /* IE does not recognise the :hover command */
background: url('../images/buttons/movehiddenButton_rollover.gif') top left no-repeat;
}

/* Styling the "Move to Past Marketing Folder" button */

.pastButton {
width: 185px;
height: 27px;
background: url('../images/buttons/movepastButton.gif') top left no-repeat;
border: 0;
cursor: pointer; 
cursor: hand;
}

.pastButton:hover  { /* IE does not recognise the :hover command */
background: url('../images/buttons/movepastButton_rollover.gif') top left no-repeat;
}

/* Styling the "Save Listing Only" button */

.savelistingButton {
width: 125px;
height: 27px;
background: url('../images/buttons/savelistButton.gif') top left no-repeat;
border: 0;
cursor: pointer; 
cursor: hand;
}

.savelistingButton:hover  { /* IE does not recognise the :hover command */
background: url('../images/buttons/savelistButton_rollover.gif') top left no-repeat;
}

/* Styling the "Save Listing and Upload Photo" button */

.saveuploadButton {
width: 185px;
height: 27px;
background: url('../images/buttons/saveuploadButton.gif') top left no-repeat;
border: 0;
cursor: pointer; 
cursor: hand;
}

.saveuploadButton:hover  { /* IE does not recognise the :hover command */
background: url('../images/buttons/saveuploadButton_rollover.gif') top left no-repeat;
}

/* Styling the "Upload Photo" button */

.uploadphotoButton {
width: 105px;
height: 27px;
background: url('../images/buttons/uploadphotoButton.gif') top left no-repeat;
border: 0;
cursor: pointer; 
cursor: hand;
}

.uploadphotoButton:hover  { /* IE does not recognise the :hover command */
background: url('../images/buttons/uploadphotoButton_rollover.gif') top left no-repeat;
}

/* Styling the "Send" button */

.sendButton {
width: 67px;
height: 27px;
background: url('../images/buttons/sendButton.gif') top left no-repeat;
border: 0;
cursor: pointer; 
cursor: hand;
}

.sendButton:hover  { /* IE does not recognise the :hover command */
background: url('../images/buttons/sendButton_rollover.gif') top left no-repeat;
}