/* used by profile home page control(s) */
.txt_status
{
    background-color: #fbfbfb;
    border: solid 1px #cccccc;
    color: #666666;
    width: 500px;
    font-size:14pt;
}

/* used by friend invitation control(s) */
.txt_multiline_width500
{
    background-color: #fbfbfb;
    border: solid 1px #cccccc;
    color: #666666;
    width: 500px;
}
.txt_width300
{
    background-color: #fbfbfb;
    border: solid 1px #cccccc;
    width: 500px;
    
    padding-top: 5px;
    color: #666666;
}

.btplain
{
    border: none;
    background-color: #E67300;
    color: #fff;
    font-weight: bold;
    padding-top: 2px;
    width: 102px;
    height: 25px;
    cursor: pointer;
}

/* used by discussion postboard control(s) */
.PostBoard_txt_singleline
{
    background-color: #fbfbfb;
    border: solid 1px #cccccc;
    color: #666666;
}
.txt_multiline
{
    background-color: #fbfbfb;
    border: solid 1px #cccccc;
    color: #666666;
    /* only post detail defines additionally below */
    padding-right:10px;
}
.lbCancelReply
{
    width: 60px;
    height: 23px;
    background-image: url(/Images/CancelReply.png);
    background-repeat: no-repeat;
    background-position: center;
}
.lbReplyMessage
{
    width: 60px;
    height: 23px;
    background-image: url(/Images/ReplyMessage.png);
    background-repeat: no-repeat;
    background-position: center;
}
.PostBoard_sp_Title
{
    color:#ccc;
    float:left;
}


/* used by discussion postlist control(s) */
.itemPost, .itemAuthor
{
    border-top: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
    /* shared with discussion postdetail control(s) - START */
.itemPost a:link, .itemPost a:visited
{
    color: #34567e;
}
.itemPost a:hover, .itemPost a:active
{
    color: #ff6600;
}
    /* shared with discussion postdetail control(s) - END */
.itemAuthor a:link, .itemAuthor a:visited
{
    color: #558bcc;
}
.itemAuthor a:hover, .itemAuthor a:active
{
    color: #ff6600;
}

/* used by playlist control(s) */
.txt_obj 
{
    background-color: #fbfbfb;
    border: solid 1px #cccccc;
    padding-top: 5px;
    color: #666666;
    margin-left:15px;
}

/* used by eventInvite control(s) */
ul.holder { width: 307px; } /** override FriendSuggest default **/

/* used by suggestFriend control(s) */
/* TextboxList CSS */
ul.holder { margin: 0; border: 1px solid #999; overflow: hidden; height: auto !important; height: 1%; padding: 4px 5px 0; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; }
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: 150px; margin: 0; border: none; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

/* main CSS */      
#add { border: 1px solid #999; width: 550px; margin: 50px; padding: 20px 30px 10px; }
ol { font: 11px "Lucida Grande", "Verdana"; margin: 0; padding: 0; }
ol li.input-text { margin-bottom: 10px; list-style-type: none; padding-bottom: 10px; }
ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; }
ol li.input-text input { width: 614px; padding: 5px 5px 6px; font: 11px "Lucida Grande", "Verdana"; border: 1px solid #999; }
ul.holder { width: 607px; }
#friendsuggest-list ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; }
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('/images/closeFriendSuggest.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter CSS */

#friendsuggest-auto { display: none; position: absolute; width: 512px; background: #fbfbfb; color:#6c6c6c; }
#friendsuggest-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
#friendsuggest-auto ul { display: none; margin: 0; padding: 0; overflow: auto; }
#friendsuggest-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; }
#friendsuggest-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; }
#friendsuggest-auto ul li.auto-focus { background: #4173CC; color: #fff; }
#friendsuggest-auto ul li.auto-focus em { background: none; }

#app ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
#add a { color: #666; }
#button_container { margin-left: 70px; margin-bottom: 30px;}

/*AutoComplete flyout */
.autocomplete_completionListElement
{
    margin: 0px !important;
    background-color: #ffffff;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    min-height:200px;
    height: auto;
    text-align: left;
    list-style-type: none;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    color: black;
    padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem
{
    background-color: #ffffff;
    color: windowtext;
    padding: 1px;
}


/* -- Table Styles ------------------------------- */
td {
	font: 10pt Helvetica, Arial, sans-serif;
	vertical-align: top;
}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(/images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}