#commentform{
border: solid 1px #306180;
width:47em;
background:#eee;
padding:1em;
}

.comment{
margin-top:2em;
padding-bottom:0.5em;
border-bottom:solid 1px #065aae;
width:40em;
}
.authorship{
margin-left:2em;
}
table {
color:#555555;
font-family:verdana,arial,helvetica,sans-serif;
font-size:1em;
}
div.blurb{
width:40em;
}
table.datatable {
border:1px solid #065aae;
text-align:left;
vertical-align:top;
width:17em;
}
#columnnamediv{
scroll:none;
}
#forumstable .datatable, #profilestable .datatable{
border-collapse:separate;
}
#forumstable .datatable  td, #profilestable .datatable td{
padding:5px;
border:0;
}
#forumstable .datatable  tr.tableheader td, #profilestable .datatable tr.tableheader td{
border:0;
}
#forumstable .datatable, #profilestable .datatable {
width:80%;
font-size:larger;
background:white;
border:0;
rules:none;
}
p.replyinfo{
text-align:right;
font-style:italic;
}
div.reply{
background:#F1F4FF;
border:solid 1px blue;
padding:.5em;
}
img.menuicon{
height:16px;
width:16px;
}
.menu{
left:107px;
top:116px;
}
blockquote{padding:2em}
#logo{
	top:1px;
	left:1px;
	border:0;
	width:200px;
	height:80px;
	background:url(/attachments/35050f7c-75ad-4048-9092-0564d0e743f7/cloudcomputing.png) no-repeat;
}
#rightcontent input{
margin-top:1em;
margin-left:0.4em;
}
#readmore{
background:#efefff;
}
#createdatediv,#createiddiv{display:none;}
.clear{
clear:both;
}
/*hide these things*/
.spfilter,.spreq{
display:none;
}
/*smaller font*/
#contentheader a,#sitefooter{
	font-size:12px;
}
/*greybox*/
div.relateddata,#addportal,#exportarea{
	background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 1px 1px 10px #FFFFFF inset;
}
/*canvas color*/
#titlebar,#container,#centercontent,#rightcontent,#searchbox{
	background:#fff;
}
/*stand out*/
.move a,a.gotopage,a.selectedpage:hover{
	box-shadow:1px 1px 3px #CCCCCC
}
/*natural spotlight*/
#container,#centercontent,#rightcontent,#searchbox{
	border:1px solid #ddd;
	border-radius:10px 10px 0px 0px;
}
#centercontent,#rightcontent,#searchbox{
	box-shadow:1px 1px 10px #eee inset;
}
#container{
	box-shadow:1px 1px 10px #eee;
	padding-bottom:10px
}
/*plus*/
.move a{
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
}
.move a,a.gotopage,a.selectedpage{
	border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    font-size: 17px;
    font-weight: bold;
 	padding:1px 5px 3px 5px;
 	text-decoration: none;
    vertical-align: middle;
}
.move a:hover,a.gotopage:hover,a.selectedpage{
	box-shadow: 1px 1px 10px #ccc inset;
	padding:1px 5px 3px 5px;
}
/*not plus*/
.portalheader .move a{
    border: none;
    border-radius: 0 0 0 0;
    box-shadow: 0 0;
}
.portal{
border:1px solid #999;
}
h1,h2,h3,h4,h5{
	margin:5px 10px;
}
body,html{
	border: 0 none;
	margin:0;
	padding:0;
}
body{
	background:#fff;
	color:#444;
	font-size:15px;
}
/*set heights and widths for layout*/
#button__div{
	height:40px;/*these are the buttons that appear in view 2 (edit) and view 8 (create)*/
}
#container,#banner{
	width:inherit;
}
#container{
	margin:1px;
}
#logo {
    border: medium none;
    left: 5px;
    position: absolute;
    top: 5px;
    z-index: 1000;
}
#searchbox{
	background:#fff;
    margin: 10px;
    padding: 5px 15px;
    position: absolute;
    right: 1px;
    top: 0;
}
#searchbox:hover{
	z-index:101
}
#searchbox.hiuser{
}
#searchbox a{
	font-size:16px;
	text-decoration:none;
}
#titlebar{
    font-family: Calibri;
    font-size: 15px;
    max-width: 810px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 1px #ddd;
    top: 15px;
    left:215px;
}
.menu{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    border-bottom: 1px solid #ddd;
    font-weight: normal;
    /*padding-bottom: 3px;*/
}
.menu a.top,.menu a.top:visited,.menu a.top:hover{
	background:none repeat scroll 0 0 transparent !important;
	color:#444 !important;
	padding:4px;
	text-shadow:1px 1px 10px #eee
	/*to override positions.css. TODO(positions): remove padding and margin from a*/
}
.menu *:hover >a,.menu ul ul *:hover >a{
	text-shadow:1px 1px 10px #ccc;
}
.menu a.top:hover{
	text-shadow:1px 1px 10px #ccc;
}
.menu ul li,.menu ul li:hover{
	background:#fff !important; /*impt to override menus.css*/
}
.menu ul li a{
	border-bottom:0px !important;/*impt to override positions.css*/
	margin-bottom:-1px;/*prevents page behind from showing through on sides/in a line where border is not*/
}
.menu ul ul a{
	top:0 !important; /*impt to override positions.css*/
	width:195px !important; 
}
.menu ul ul li{
	background:#fff !important;
	color:#444 !important;
	text-shadow:1px 1px 10px #eee;
	top:0;
}
.menu ul ul li a{
	border:transparent !important;
	border-bottom:1px solid #ccc;/*TODO move to li, not on a*/
	color:#444;
}
.menu ul ul li a:hover{
	background:#fff;
	color:#444 !important;
	text-shadow:1px 1px 10px #ccc;
}
.menu ul li ul li{
	border-bottom:1px solid #ccc;
}
#centercontent,#calendarcontent,#comparecontent{
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
	top:auto;
}
#centercontent.view11,#centercontent.view8,#centercontent.view12,#centercontent.view25{
	margin-left:10px;
	margin-right:0;
}
#centercontent.view1{
	margin-left:10px;
	margin-right:10px;
	overflow-x:scroll;
	width:auto;
}
#centercontent.portalpage{
	width:auto !important;/*impt to override inline style in portal.aspx*/
	margin:0 10px;
}
#rightcontent{
   margin: 0 10px 10px 10px;
   text-align: left;
   height: auto !important;
   top:143px;
   width:205px;
}
div.relateddata{
	overflow:hidden;
	margin:5px;
	padding:5px
}
div.relateddata h1{
	margin:2px;
}
div.relateddata a{
	margin:5px;
}
.caltitle{
	color:#444 !important;/*impt to override white text (inline css on customize.aspx)*/
}
#contentheader{
	margin:5px;
}
alternate#contentheader{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    line-height: 3em;
    margin: 5px;
    padding: 5px;
    position: absolute;
    width: 45px;
}
#contentheader a img{
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: -1px -1px 3px #EEEEEE inset;
    padding: 5px;
    text-decoration: none;
}
#contentheader a img:hover{
    box-shadow: -1px -1px 3px #ccc inset;
}
#addportal{
height: 28px;
    margin: 10px;
    padding: 10px;
    width: 100px;
}
a.portaltitle{

}
#pnlEditCSS{
	margin-top:15px;
}
#exportarea{/*do not style #pnlExportArea - borders show (collapsed) when div not called*/
	margin:5px;
	padding:5px 10px;
	width:300px
}
#thecode1,#remotecode1{
	height:auto;
	min-height:100px;
}
table.datatable{
	border: 1px solid gray;
    border-collapse: separate !important;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 4px 0 #C2C2C2;
    margin: 30px 0 5px 6px;
}
#_fcembedform{
	width:1010px;
}
a{
	color:#30618D
}
a:hover{
	color:#8ec642
}
.ace_editor{
	border-radius:4px
}
.blurb{
	border-radius:5px;
	padding:5px;
}
.datalabel{
	font-weight:bold;
	margin-bottom:5px;/*this doesn't actually work, but i'd like it to*/
}
.datatable a img, #lightbox a img {
    padding-right: 4px;/*adds space at right of imgs in cases too close to text*/
}
#edititem img:hover{
	box-shadow:1px 1px 1px #eee;
}
img.thumbnail{
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 1px #EEEEEE;
}
input:active{
	background:#8ec642
}
input[type="text"],input[type="file"],#txtOldPass,#txtNewPass1,#txtNewPass2,input#filMyFile,select{
    background: none repeat scroll 0 0 #E1E1E1;
    border: 1px solid #30618D;
    border-radius: 4px 4px 4px 4px;
    height: 22px;
    margin: 10px 2px;
}
input.button, input.button:hover {
    padding: 2px;
}
.button, .button:hover,#Button1,#doconvert { /*#Button1 is on login page*/
	box-shadow: 1px 1px 2px #FFFBDD inset;
}
.button, .button:hover,#Button1,#doconvert{
    background: none repeat-x scroll 0 0 #30618D !important;
    border: 1px solid #001122 !important;
    border-radius: 4px 4px 4px 4px !important;
    color: #EEEEEE !important;
    margin:6px !important; /*w/o impt works in most places, but not all. 6px so aligned left above #pnlExportArea*/ 
    padding-bottom: 3px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 3px;
    text-decoration: none;
}
input.button:hover,.button:hover,#Button1:hover{
	box-shadow:1px 1px 5px #fff inset;
}
hr{
	color:#306180
}
tr.tableheader{
	background:#ddd !important;
}
tr.tableheader a{
	background:transparent;
}
tr.tableheader td:after{
	content:url("http://c228472.r72.cf0.rackcdn.com/5bc98254-f95d-4b1f-8cf5-589b4a3f7898-a-zbw.png");
	white-space:nowrap;
}
tr.tableheader a:hover{
	text-shadow:1px 1px 1px #999 !important;
}
tr.tableheader,tr.tableheader a{
	color:#444;
	font-size: 16px;
	font-variant:normal;
	text-decoration:none;
}
tr.tableheader td{
	border-left: 1px dotted;
}
tr.tableheader td:first-child{
	border-left:none;
}
tr.tableheader td:nth-child(2){
border-left:none;
}
tr.altrow{
	background:#eee;
}
tr.highlight{
	background:#E1F5C4;
}
td{
	padding:5px;
}
td.id{
	border-right:1px dotted #ccc;
}
.white_content{/*the lightbox effect*/
	display:block;
	border: 1px solid #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 1px 1px 15px #FFFFFF;
}
#searchpanel.white_content a{
	display:block;
	letter-spacing:1px;
	margin:8px;
	text-decoration:none;
}
/*below is some old stuff that may or may not be needed*/
.portalscroll{
border:none;
padding:0.5em;
}
.difference {
background:#cccccc none repeat scroll 0%;
}
.error {
color:#cc0000;
}
.highlighttext {
background:orange none repeat scroll 0%;
color:#555555;
}
.press {
border-color:buttonshadow buttonhighlight buttonhighlight buttonshadow;
border-style:solid;
border-width:1px;
}
.selectorstyle {
color:#cccccc;
}
.suggestions {
background:#ffffff none repeat scroll 0%;
}
img {
	border:medium none;
}
.border {
	border:1px solid #555555;
}
.thinborder {
	opacity:0.5;
}
.noborder {
	border:medium none;
}
.smalltext,.smalltext a {
	font-size:12px;
}
.icons td{
	border:none;
}
#toolbar {
	background:#cccccc none repeat scroll 0%;
	border-color:buttonhighlight buttonshadow buttonshadow buttonhighlight;
	border-style:solid;
	border-width:1px;
	height:24px;
	margin:0;
	padding:0;
	text-align:left;
	width:265px;
}
.raise,.press{
	background:#cccccc none repeat scroll 0%;
	border:1px solid;
	float:left;
	margin:1px;
}
.raise {
	border-color:buttonhighlight buttonshadow buttonshadow buttonhighlight;
}
.press {
	border-color:buttonshadow buttonhighlight buttonhighlight buttonshadow;
}
.completey {
	color:#cccccc;
	text-decoration:line-through !important;
}
.completen {
	text-decoration:none !important;
}
.completen:hover {
	text-decoration:underline !important;
}
a.priority0 {
}
a.priority1 {
	color:red !important;
}
a.priority2 {
	color:orange !important;
}
a.priority3 {
	color:green !important;
}
a.priority4 {
	color:brown !important;
}
#sitefooter{
	position:relative;
	height:auto;
	margin: 0 auto;
	text-align:left;
}
#footer{
	background:#ddd;
	position:relative;
	margin:0 auto;
	width:900px;
}
.listcolumn{
	float:left;
	margin:20px 30px;
}
.listcolumn li{
	color:#333;
	letter-spacing:2px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:5px;
}
#postfooter{
    background: none repeat scroll 0 0 #CCCCCC;
    border-top:1px solid #999999;
    display: block;
    height: 35px;
    padding: 10px;
    text-align: center;
    box-shadow:1px 1px 3px #fff inset
}