/**************** Modified style classes, which were originally in create.css *****************/
.moreInfo {
    display: block;
    height: 2em;
    width: 1.4em;
    text-indent: -999999px;
    background: url( '../images/create/info.gif' ) no-repeat 0 .6em;
}

/**************** Modified style classes, which were originally in create.css *****************/

.errorStyle {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #cc3300;
	width: 96%;
	padding-left: 0px;
	text-align: center;
}

.successStyle {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 96%;
	padding-left: 7px;
	text-align: center
}

.infoStyle {
    color: #000000;
    font-weight: bold;
    font-size: 12px;
    white-space: pre-wrap;
}

/******** Select Theme/Layout style classes **********/
.pic-normal {
    width: 109px;
    height: 68px;
    border: 4px solid #ffffff;
}

.pic-normal:hover {
    width: 109px;
    height: 68px;
    border: 4px solid #dddddd;
}

.wrap1 {
    width: 30%;
    height: 130px;
    float: left;
    position: relative;
}

.selected-pic {
    width: 110px;
    height: 68px;
    border: 4px solid #aaaaaa;
}

.dr-list-item {
    list-style: none;
}

.rich-list-item {
    list-style: none;
}

.columnWidth10Percent {
    width: 10%;
    text-align: center;
    vertical-align: middle;
}

.columnWidth80Percent {
    width: 10%;
    text-align: center;
    vertical-align: middle;
}

.alignCenter {
    text-align: center;
    vertical-align: middle;
}

.rich-message-marker img {
    padding-left: 5px;
    padding-right: 5px;
}

.rich-message-label {
    color: #cc3300;
}

.alignLeft {
    text-align: left;
}

.alignCenter {
    text-align: center;
}

.alignRight {
    text-align: right;
}

.alignTop {
    vertical-align: top;
}

.alignMiddle {
    vertical-align: middle;
}

.alignBottom {
    vertical-align: bottom;
}

.percent1 {
    width: 1%;
}

.percent5 {
    width: 5%;
}

.percent10 {
    width: 10%;
}

.percent12 {
    width: 12%;
}

.percent14 {
    width: 14%;
}

.percent15 {
    width: 15%;
}

.percent18 {
    width: 18%;
}

.percent20 {
    width: 20%;
}

.percent30 {
    width: 30%;
}

.percent34 {
    width: 34%;
}

.percent33 {
    width: 33%;
}


.percent40 {
    width: 40%;
}

.percent50 {
    width: 50%;
}

.percent60 {
    width: 60%;
}

.percent66 {
    width: 60%;
}

.percent70 {
    width: 70%;
}

.percent76 {
    width: 76%;
}

.percent80 {
    width: 80%;
}

.percent85 {
    width: 85%;
}

.percent90 {
    width: 90%;
}

.percent100 {
    width: 100%;
}

.evenRow {
    background-color: #F0F0F0;
}

.oddRow {
    background-color: white;
}

.iContactListRow {
    padding: 0.2em 0.2em 0.2em 0.2em;
    height: 25px;
}

.contactListRow {
    padding: 0.2em 0.2em 0.2em 0.2em;
    height: 40px;
}

.messageRow {
    height: 35px;
    border-bottom: 1px black solid;
}

.height35px {
    height: 35px;
}

.header {
    background: url( "../images/bg_gradientGrey.png" ) repeat-x;
    color: black;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
}

.tableHeader {
    background: url( "../images/bg_gradientGrey.png" ) repeat-x;
    color: black;
    font-size: 10px;
    font-weight: bold;
    height: 30px;
}

.tableFooter {
    background: url( "../images/bg_gradientGrey.png" ) repeat-x;
    color: black;
    height: 25px;
}

/******** Select Theme/Layout style classes **********/

/******** Style classes changed for pagination *******/
.prev {
    color: #fff;
    background: url( '../images/prev.gif' ) no-repeat .9em .7em;
}

.next {
    color: #fff;
    background: url( '../images/next.gif' ) no-repeat 0 .7em;
}

/******** Style classes changed for pagination *******/

/*************** Messages area on create Activity **********************/
div.messagesArea {
    text-align: left;
    padding: 15px;
}

div.closeLink {
    text-align: right;
    font-weight: bold;
    font-size: 12px;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
}

.messagesAreaTop {
    text-align: center;
}

.confirmBoxTop {
    text-align: center;
    padding: 10px;
}

div#content div.box h3 em.arrow-down-grey {
    background-image: url( '../images/box_arrow-down_grey.png' );
    color: #cccccc;
}

/*************** border_tiki_dialog ******************************************/

.tiki_overlay {
    opacity: 0.65;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

/*
* html .border_tiki_dialog {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
*/

/** html .tiki_overlay { *//* ie6 hack *//*
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}*/

.border_tiki_dialog {
/*background: #fff8d5 url( ../images/bg_popup.png ) repeat-x left bottom;*/
    background: #f5f5f5;
    border: 3px solid #bed6f8;
    border-collapse: collapse;
}

.border_tiki_dialog .title {
/*background-color: #e1d597;*/
    background-color: #bed6f8;
    width: 100%;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 2px 2px;
    text-align: left;
}

/******************* border_tiki_dialog *******************/

/*************** Messages area on create Activity **********************/

.messagesOutputPanel .b {
    background: url( '../images/facebox/b.png' );
}

.messagesOutputPanel .tl {
    background: url( '../images/facebox/tl.png' );
}

.messagesOutputPanel .tr {
    background: url( '../images/facebox/tr.png' );
}

.messagesOutputPanel .bl {
    background: url( '../images/facebox/bl.png' );
}

.messagesOutputPanel .br {
    background: url( '../images/facebox/br.png' );
}

.messagesOutputPanel {
    position: fixed;
    z-index: 3000;
    text-align: center; /* Counter-act IE fix */
    top: 35%;
    right: 16%;
}

.messagesOutputPanel .popup {
    position: relative;
}

.messagesOutputPanel table {
    margin: auto;
    border-collapse: collapse;
}

.messagesOutputPanel .body {
    padding: 10px;
    background: #fff8d5 url( ../images/bg_popup.png ) repeat-x left bottom;
}

.messagesOutputPanel .loading {
    text-align: center;
}

.messagesOutputPanel .image {
    text-align: center;
}

.messagesOutputPanel img {
    border: 0;
}

.messagesOutputPanel .footer {
    border-top: 1px solid #DDDDDD;
    padding-top: 5px;
    margin-top: 10px;
    text-align: right;
}

.messagesOutputPanel .tl, .messagesOutputPanel .tr, .messagesOutputPanel .bl, .messagesOutputPanel .br {
    height: 10px;
    width: 10px;
    overflow: hidden;
    padding: 0;
}

li.helpStyleClass {
    list-style-image: url( ../images/help.png );
    color: #00759c;
    font-weight: bold;
    font-size: 10px;
}

.autoSaveMessages {
    height: 100px;
    background: url( '../images/bg_popup.png' );
    background-repeat: repeat-x;
}

/*************** Face Box **********************************************/

/*************** Messages area on create Activity **********************/

/* bottom portion of requested actions page -- the add action item button. */
.addActionItem {
    float: left;
    display: block;
    text-indent: -999999px;
    width: 22.3em;
    height: 2.4em;
    background: url( '../images/button/button_addAction.jpg' ) no-repeat;
}

.addActionItem a:link {
    float: left;
    display: block;
    text-indent: -999999px;
    width: 22.3em;
    height: 2.4em;
    background: url( '../images/button/button_addAction.jpg' ) no-repeat;
}

.addActionItem a:active {
    float: left;
    display: block;
    text-indent: -999999px;
    width: 22.3em;
    height: 2.4em;
    background: url( '../images/button/button_addAction.jpg' ) no-repeat;
}

.addActionItem a:hover {
    float: left;
    display: block;
    text-indent: -999999px;
    width: 22.3em;
    height: 2.4em;
    background: url( '../images/button/button_addAction.jpg' ) no-repeat;
}

.addActionItem a:visited {
    float: left;
    display: block;
    text-indent: -999999px;
    width: 22.3em;
    height: 2.4em;
    background: url( '../images/button/button_addAction.jpg' ) no-repeat;
}

/* bottom portion of inbox page -- the add message button. */
.addMessage {
    float: left;
    display: block;
    text-indent: -999999px;
    width: 22.3em;
    height: 2.4em;
    background: url( '../images/button/button_addMessage.jpg' ) no-repeat;
}

.addMessage a:link {
    float: left;
    display: block;
    text-indent: -999999px;
    width: 22.3em;
    height: 2.4em;
    background: url( '../images/button/button_addMessage.jpg' ) no-repeat;
}

.addMessage a:active {
    float: left;
    display: block;
    text-indent: -999999px;
    width: 22.3em;
    height: 2.4em;
    background: url( '../images/button/button_addMessage.jpg' ) no-repeat;
}

.addMessage a:hover {
    float: left;
    display: block;
    text-indent: -999999px;
    width: 22.3em;
    height: 2.4em;
    background: url( '../images/button/button_addMessage.jpg' ) no-repeat;
}

.addMessage a:visited {
    float: left;
    display: block;
    text-indent: -999999px;
    width: 22.3em;
    height: 2.4em;
    background: url( '../images/button/button_addMessage.jpg' ) no-repeat;
}

/*************** Dialog Boxes ******************/
.dialogBox {
    position: absolute;
    top: 2.0em;
    right: -2.8em;
    width: 21.0em;
    padding: 1.6em 2.0em 0.6em;
    background: #fff8d5 url( ../images/bg_popup.png ) repeat-x left bottom;
    border: 1px solid #e1d597;
}

.textField {
    border: 1px solid #ccc;
    background: #fff url( ../images/bg_input.png ) repeat-x 0 0;
    padding: 0.4em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #666;
    width: 200px;
}

.textArea {
    border: 1px solid #ccc;
    background: #fff url( ../images/bg_input.png ) repeat-x 0 0;
    padding: 0.4em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #000;
    width: 200px;
}

.selectList {
    border: 1px solid #ccc;
    background: #fff url( ../images/bg_input.png ) repeat-x 0 0;
    padding: 0.4em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #666;
    width: 200px;
}

.orangeButton {
    background: #ffffff url( "../images/bg_orangeButtonCenter.gif" ) repeat-x 0 0;
    color: #ffffff;
    height: 23px;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.orangeButtonDone {
    background: #ffffff url( "../images/button/orange/btn_doneOrange.jpg" ) repeat-x 0 0;
    color: #ffffff;
    height: 23px;
    width: 55px;
    border: 0;
    padding: 0;
    margin: 0;
}


.orangeButtonLeft {
    background: #ffffff url( "../images/bg_orangeButtonLeft.gif" ) no-repeat 0 0;
    width: 7px;
    height: 23px;
}

.orangeButtonRight {
    background: #ffffff url( "../images/bg_orangeButtonRight.gif" ) no-repeat 0 0;
    width: 7px;
    height: 23px;
}

.submitButton {
    border: 0;
    width: 55px;
    height: 23px;
    display: block;
    background: url( '../images/button/orange/btn_submitOrange.jpg' ) no-repeat 0 0;
}

.uploadButton {
    border: 0;
    width: 55px;
    height: 23px;
    display: block;
    background: url( '../images/button/orange/btn_uploadOrange.jpg' ) no-repeat 0 0;
    margin-left: 2em;
    padding-right: 1em;
}

.cancelButton {
    border: 0;
    width: 55px;
    height: 23px;
    display: block;
    background: url( '../images/button/orange/btn_cancelOrange.jpg' ) no-repeat 0 0;
}

.okButton {
    border: 0;
    width: 38px;
    height: 23px;
    display: block;
    background: url( '../images/button/orange/btn_okOrange.png' ) no-repeat 0 0;
}

.savePButton {
    border: 0;
    width: 55px;
    height: 23px;
    display: block;
    background: url( '../images/button/orange/btn_saveOrange.jpg' ) no-repeat 0 0;
}

.closeButton {
    border: 0;
    width: 55px;
    height: 23px;
    display: block;
    background: url( '../images/button/orange/btn_closeOrange.jpg' ) no-repeat 0 0;
}

.doneButton {
    border: 0;
    width: 55px;
    height: 23px;
    display: block;
    background: url( '../images/button/orange/btn_doneOrange.jpg' ) no-repeat 0 0;
}

.completeButton {
    border: 0;
    width: 121px;
    height: 23px;
    display: block;
    background: url( '../images/button/orange/btn_completeOrange.jpg' ) no-repeat 0 0;
}

.sendButton {
    border: 0;
    width: 55px;
    height: 23px;
    display: block;
    background: url( '../images/button/orange/btn_sendOrange.jpg' ) no-repeat 0 0;
}

.resendButton {
    border: 0;
    width: 62px;
    height: 23px;
    display: block;
    background: url( '../images/button/orange/btn_resendOrange.png' ) no-repeat 0 0;
}

.yesButton {
    border: 0;
    width: 55px;
    height: 23px;
    display: block;
    background: url( '../images/button/orange/btn_yesOrange.jpg' ) no-repeat 0 0;
}

.noButton {
    border: 0;
    width: 55px;
    height: 23px;
    display: block;
    background: url( '../images/button/orange/btn_noOrange.jpg' ) no-repeat 0 0;
}

.yesToAllButton {
    border: 0;
    width: 90px;
    height: 23px;
    display: block;
    background: url( '../images/button/orange/btn_yesToAllOrange.PNG' ) no-repeat 0 0;
}

.confirmButton {
    border: 0;
    width: 55px;
    height: 23px;
    display: block;
    background: url( '../images/button/orange/btn_confirmOrange.jpg' ) no-repeat 0 0;
}

.groupLink {
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}

.sendUpdateButton {
    border: 0;
    width: 90px;
    height: 23px;
    display: block;
    background: url( '../images/button/orange/btn_sendUpdateOrange.PNG' ) no-repeat 0 0;
}

.noUpdateNeededButton {
    border: 0;
    width: 126px;
    height: 23px;
    display: block;
    background: url( '../images/button/orange/btn_noUpdateNeededOrange.PNG' ) no-repeat 0 0;
}

/*************** Dialog Boxes ******************/

/*************** Event Summary Section Radio Buttons ******************/

table.summarySectionRadioButtons {
    width: 100%;
    text-align: center;
}

table.summarySectionRadioButtons td {
    width: 33%;
}

/*************** Event Summary Section Radio Buttons ******************/

/*************** Style class for RSVP Service *****************/
div.rsvpService {
    padding: 0 2em 2em 3em;
}

/*************** Style class for RSVP Service *****************/

.yellowbacking {
    background-color: #FFF8D5;
}

.removeEventTemplateMedia {
    padding-top: 2.0em;
    text-decoration: underline;
    font-weight: bold;
    text-align: center;
}

.rich-messages-label {
    padding-left: 0px;
}

input {
    padding: 0 2px 0 0;
}

div#content ul#rsvp {
    padding-bottom: 0.3em;
}

div#content ul#rsvp li {
    font-size: 1.1em;
    padding: 0 0 .2em 2.5em;
    margin-bottom: 0.7em;
    background-position: 0 .25em;
    background-repeat: no-repeat;
}

div#content ul#rsvp li label {
    padding: .5em;
    display: block;
    background-color: #f5f5f5;
    cursor: pointer;
}

div#content ul#rsvp li label span {
    float: left;
}

div#content ul#rsvp li label strong {
    color: #00759c;
}

div#content ul#rsvp li label input {
    float: right;
}

/* Backgrounds for Services Bullets */
div#content ul#rsvp li#rsvp1 {
    background-image: url( '../images/create/services/serv_rsvp.gif' );
}

div#content ul#rsvp li#edit {
    background-image: url( '../images/create/preview_edit.gif' );
}

div#content ul#rsvp li#edit a {
    font-weight: bold;
}

div#content ul#rsvp a {
    padding: .5em;
    display: block;
    background-color: #f5f5f5;
}

div#content ul#rsvp a:hover {
    color: #fc6b00;
    text-decoration: none;
}

div#content ul#rsvp a em {
    color: #000;
    font-style: normal;
}

div#content ul#rsvp li#rsvpDialogBox {
    padding: 0;
    vertical-align: middle;
}

div#content fieldset textarea.defaultTextClass {
    color: #808080;
    font-size: 1.1em;
    padding: .4em;
    width: 30.6em;
    height: 8em;
    border: 1px solid #0aa9e1;
}

div#content fieldset textarea.defaultTextClass:focus {
    color: #000;
    font-size: 1.1em;
    padding: .4em;
    width: 30.6em;
    height: 8em;
    border: 1px solid #0aa9e1;
}

div#content fieldset textarea.normalTextClass {
    color: #000;
    font-size: 1.1em;
    padding: .4em;
    width: 30.6em;
    height: 8em;
    border: 1px solid #0aa9e1;
}

div#content input.defaultTextClass {
    color: #808080;
    font-size: 1em;
    padding: .4em;
    border: 1px solid #0aa9e1;
    margin-right: .4em;
}

div#content input.defaultTextClass:focus {
    color: #000;
    font-size: 1em;
    padding: .4em;
    border: 1px solid #0aa9e1;
    margin-right: .4em;
}

div#content input.normalTextClass {
    color: #000;
    font-size: 1em;
    padding: .4em;
    border: 1px solid #0aa9e1;
    margin-right: .4em;
}

.normalTextClass {
    color: #000;
    font-size: 1.1em;
    padding: .4em;
/*    width: 30.6em;
    height: 8em; */
    border: 1px solid #0aa9e1;
}


.contactListTable {
    height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

.smsPreviewTextArea {
    color: #000;
    font-size: 10px;
    padding: .4em;
    width: 100%;
    height: 8em;
    border: 1px solid #0aa9e1;
    white-space: pre;
    overflow: auto;
}

label.smsPreviewTextLabelFont {
    color: #000;
    font-size: 11px;
    font-weight: bold;
}

.smsPreviewTextFont {
    color: #000;
    font-size: 11px;
}

.smsPreviewInnerBackground {
    background-image: url( '../images/mobile.png' );
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    height: 353px;
}

.smsPreviewOuterBackground {
    padding: 10px;
    font-size: 1.1em;
    background: #fff8d5 url( ../images/bg_popup.png ) repeat-x left bottom;
}

.smsPreviewReadonlyTextArea {
    color: #000;
    font-size: 10px;
    padding: .4em;
    width: 120px;
    height: 150px;
    border: 0px solid #ffffff;
    white-space: pre;
    overflow: hidden;
}

/*** Overloaded style classes for rich data scroller. ****/
.rich-datascr {
    border: none;
    background: none;
}

.rich-dtascroller-table {
    border: none;
    background: none;
}

.rich-datascr-button {
    border: none;
    background: none;
}

.rich-datascr-ctrls-separator {
    border: none;
    background: none;
}

.rich-datascr-act {
    border: none;
    background: none;
}

.rich-datascr-inact {
    border: none;
    background: none;
}

.rich-datascr-button-dsbld {
    border: none;
    background: none;
}

/** Overloaded style classes for rich data table. ***/
.rich-table {
    border: none;
}

.normalTable {
    border: none;
    background: white;
}

.rich-table-headercell {
    border: none;
}

.rich-table-subheadercell {
    border: none;
}

.rich-table-cell {
    border: none;
}

.rich-table-row {
    border: none;
}

.rich-table-firstrow {
    border: none;
}

.rich-table-footercell {
    border: none;
}

.rich-table-subfootercell {
    border: none;
}

.deleteMedia {
    float: right;
    color: #333;
    padding-right: 14px;
    background: transparent url( ../images/icn_delete.png ) no-repeat right top;
}

.deleteMedia a {
    color: #999;
}

.reportMedia {
    float: right;
    color: #333;
}

.reportMedia a {
    color: #999;
}

.listMedia {
    margin-top: 2px;
    padding-top: 0.4em;
    border-top: 1px solid #ddd;
    clear: both;
    width: 100%;
}

.activityRequestedAction {
    display: inline-block !important;
    padding: 5px 10px 10px 10px !important;
    margin-top: 5px !important;
    width: 615px !important;
}

.uploadedMediaSeparator {
    margin-top: 6px;
    border-top: 1px solid #ddd;
    clear: both;
    width: 100%;
}

.viewAllMedia {
    margin-top: 1.4em;
    padding-top: 0.4em;
    clear: both;
    width: 100%;
}

.viewAllMedia a {
    display: block;
    padding-right: 1.0em;
    background: transparent url( ../images/icn_carrotBlue.png ) no-repeat right center;
    float: right;
    font-size: 1.2em;
    font-weight: 700;
}

.basicInfoDisablingClass {
    background: #f5f5f5 repeat 0 0;
    opacity: 0.25;
    z-index: 1;
}

.basicInfoWrapperClass {
    background-image: url( '../images/pixel_trans.gif' );
    opacity: 0.25;
    z-index: 2;
}

.timePickerImageClass {
    cursor: pointer;
    vertical-align: middle;
}

.timePickerImageDisabledClass {
    vertical-align: middle;
}

.labelDisabledClass {
    cursor: default;
}

.createImageClass {    
    vertical-align: middle;
}