/* TABLE
----------------------------------------------------------*/


table.form{
    margin:5px 0
}
table.form td{
    padding: 3px
}

table.form th{
    padding: 3px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4
}
table.form1{
    background-color:#fff;
    width:690px;
    margin-top:10px;
    border: solid 1px #c6c9cf;
    border-collapse: collapse
    
}
table.form1 td{
    padding:3px;
    text-align:left;
    border-bottom: solid 1px #e5e5e5
}
table.form1 th{
    padding:3px;
    text-align:left;
    background-color:#d9d9d9;
    border: solid 1px #c6c9cf
}
table td{
    text-align: left
}
table.inner{
    margin: -12px 0 0 -5px
}

table.blank td{
    padding:3px
}
table.blank{
    margin-left:-5px;
    margin-top:-5px
}
table.blank1 td{
    padding:3px
}
table.blank1{
    margin-top:-3px;
	border-left:1px dashed #C6C9CF
}
table.blank1 .first-col{
	width:185px	
}


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: Red;
}

#menucontainer
{
    margin-top: 40px;
}

div#title
{
    display: block;
    float: left;
    text-align: left;
}

#logindisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
    white-space: nowrap;    
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

.display-label, .editor-label, .display-field, .editor-field
{
    margin:0;
}
/*--- Predefined styles */
.text-box, .text-box-long, .text-box-short, .city, .fcbkComplete, .date{
	color:#000;
	border:1px solid #c6c9cf;
	font:normal 100% Arial, Helvetica, sans-serif;
	background:url(../images/input_bg.gif) 0 0 no-repeat;
	vertical-align:middle
}
.text-box, .city, .fcbkComplete{
	width:200px
}
.text-box-long{
	width:500px
}
.text-box-short{
	width:70px
}
.date{
	width:100px
}
img.ui-datepicker-trigger{
	cursor:pointer;
	vertical-align:middle
}
.multi-line{
	color:#000;
	border:1px solid #c6c9cf;
	font:normal 100% Arial, Helvetica, sans-serif;
	background:url(../images/textarea_bg.gif) 0 0 no-repeat;
	width: 500px;
    height: 100px
}
.editor-field input{
	color:#000;
	border:1px solid #c6c9cf;
	font:normal 100% Arial, Helvetica, sans-serif;
	background:url(../images/input_bg.gif) 0 0 no-repeat;
	vertical-align:middle
}
fieldset{
	border:1px dotted #999;
	margin:20px 0;
	background-color:#f0f0f0;
	text-align:left;
	padding-left:10px
}
fieldset.no-background{
	background-color:#fbfbfb	
}
legend{
	color:#1e82c6;
	font-weight:bold;
	text-align:left;
	background-color:#fbfbfb
}

fieldset label{
	font-weight:bold
}
fieldset table table label{
	font-weight:normal	
}

/*---*/

.tri-state
{
    width: 6em;
}

td.commands
{
    width: 35px;
    vertical-align: top;
}

#spellcheckresults
{
    position: absolute;
    background: #fff;
    margin: 0;
    border: 1px solid #000;
    padding: 5px;
}
#spellcheckresults dl
{
    margin: 0;
    padding: 0;
}
#spellcheckresults dl dt
{
    float: left;
    clear: left;
    margin: 3px 0;
    padding: 0;
    font-weight: bold
}
#spellcheckresults dl dd
{
    float: left;
    margin: 3px 10px;
    padding: 0;
    cursor: pointer;
    color: green
}
#spellcheckresults dl dd.ignore
{
    color: red;
    font-style: italic
}

/* TextboxList sample CSS */
ul.holder { margin: 0; border: 1px dotted #999; overflow: hidden; height: auto; height: 1%; padding:3px 3px 0 3px;background-color:#fff }
*: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; white-space:nowrap;}
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Arial", "Helvetica", sans-serif; }
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #c6c9cf; background: #dcdcdc; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: auto; overflow:visible; margin: 0; border: 0px; outline: 0; padding: 3px 0px 2px; background: none; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

/* Facebook demo CSS */      
#add { border: 1px solid #999; width: 550px; margin: 50px; padding: 20px 30px 10px; }
form ol li { list-style-type: none; }
form ol { font: 11px "Arial", "Helvetica", sans-serif; margin: 0; padding: 0; }
form ol li.input-text { margin-bottom: 10px; list-style-type: none; padding-bottom: 10px; }
form ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; }
form ol li.input-text input { width: 500px; padding: 5px 5px 6px; font: 11px "Arial", "Helvetica", sans-serif; border: 1px solid #999; }
form ul.holder { width: 495px; }
form ul { margin: 0 }
ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; z-index:1000;cursor:pointer}
#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/close.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 */

.facebook-auto { display: none; position: absolute; width: 512px; background: #eee; }
.facebook-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px;font-family:"Arial", "Helvetica", sans-serif; font-size:11px; }
.facebook-auto ul { display: none; margin: 0; padding: 0; overflow: auto; position:absolute; z-index:9999}
.facebook-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 "Arial", "Helvetica", sans-serif; background-color: #eee }
.facebook-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; }
.facebook-auto ul li.auto-focus { background: #4173CC; color: #fff; }
.facebook-auto ul li.auto-focus em { background: none; }
.deleted { background-color:#4173CC; color:#ffffff;}
.hidden { display:none;}

#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
.ie6fix {height:1px;width:1px; position:absolute;top:0px;left:0px;z-index:1;}

/****************************/
input.button{
	background-color:#1e82c6;
	color:#fff;
	font:bold 100% Arial, Helvetica, sans-serif;
	border-left:1px solid #b1cfe4;
	border-top:1px solid #b1cfe4;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	padding:2px 5px
}
a.button:link, a.button:visited, a.button:hover{
	display:block;
	background-color:#d9d9d9;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	padding:5px;
	border-left:1px solid #f0f0f0;
	border-top:1px solid #f0f0f0;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	float:left;
}
#resultsContainer{
	text-align:left;
	overflow: hidden;
}

table.results{
	text-align:left;
	border:1px solid #c6c9cf;
	border-collapse:collapse;
	width:100%;
}
table.results td{
	padding:3px 5px;
	border-bottom:1px solid #e5e5e5;
}
table.results th{
	padding:3px 5px;
	background-color:#d9d9d9;
	border:1px solid #c6c9cf
}
table.results .icons{
	white-space: nowrap
}
.search-container{
	background-color:#f0f0f0;
	border:1px dotted #999;
	text-align:left;
	padding:10px;
	margin:20px 0
}
table.search{
	border-collapse:collapse
	
}
table.search td{
	padding:3px;
	margin:0
}
table.search td.first-col{
	width:30%	
}

.ui-datepicker-div{
  z-index:1000
}
table.issue{

}
table.issue td{
	padding:3px;
	text-align:justify
}
table.issue .first-col{
	text-align:right;
	font-weight:bold;
	vertical-align:top;
	width:200px
}
table.issue .title{
	font-weight:bold;
	color:#1E82C6
}
table.issue .image{
	width:87px;
	height:135px;
	overflow:hidden;
	float:left;
	margin-right:10px;
	border:1px solid #000
}
table.issue table.blank{
	margin-top:-3px;
	margin-left:0;
	border-left:1px dashed #C6C9CF
}
table.issue table.blank td{
	padding:3px
}

div#articleContainer
{
    text-align: left;
}