table.cpBorder{
	background:white;
	z-index: 10000;
	position: relative;
}
.calpopup table.cpBorder{border:0;margin-top:1px;}
span.cpMonthNavigation{display:block;text-align:center;white-space:nowrap;width:130px;}
td.cpDayColumnHeader,td.cpCurrentMonthDate,td.cpOtherMonthDate,td.cpCurrentDate{line-height: 19px;padding: 0 5px;text-align:center;} 
td.cpOtherMonthDate a{color:#bbb}
td.cpOtherMonthDate a:hover{color:#333300;}
td.cpCurrentDate{font-weight:bold}
td.cpTodayText{font-weight:bold;letter-spacing:1px}
div.calpopup{
	height:0px;
	overflow:visible;
	background:white;
	z-index:10000;
}
#banner{
	height:113px;
	width:100%;
	padding: 1em;
}

#bannerleft{
	left:0;
	top:0;
	position:absolute;
	z-index:2;
}

#bannerright{
	right:0;
	position:absolute;
	top:0;
	z-index:1;
}

#blurb{
	width:45em;
}

#calendarcontent{
	overflow:auto;
	padding-right: 1em;
	padding-left: 1em;
	min-height:100%;
	width:98%;
	white-space:normal;
	text-align:left;
}

#calendarcontent table.cal{
	text-align:center;
	width:100%;
}


#centercontent{
	padding-right: 1em;
	padding-left: 1em;
	height:2400px;
	white-space:normal;
	text-align:left;
	width:78%;
	
}
#centercontent.view12{
	    background: url("/images/formdots.png") repeat scroll 0 0 transparent;
	    width:auto;
}
#centercontent, #calendarcontent, #comparecontent{
	height:1185px;
	padding:4px;
	padding-left:10px;
	position:relative;
	text-align:left;
	top:-21px;
	white-space:normal;
	vertical-align:top;
}

#centercontent h1, h2, h3, h4, #rightcontent h1, h2, h3, h4{
	position:relative;
	text-align:left;
}

#quicklaunch
{
    position:absolute;
    right:0px;
    top:56px;
    z-index:10;
}

#container{
	width:97%;
}

#comparecontent{
	text-align:left;
	float: left;
	overflow:auto;
	padding-right: 1em;
	padding-left: 1em;
	width:100%;
	min-height:100%;
	white-space:normal;
}

#centercontent.portalpage {width:100%;}

#leftcontent{
	display:none;
}

#logo{
	position:absolute;
	top:2em;
	text-align:center;

}

#padding{
	padding:1em;
}


#rightcontent{
	float:right;
	height:1177px;
	right:0px;
	text-align:left;
	overflow:hidden;
	position:absolute;
	padding:4px;
	top:113px;/*NEEDS TO BE ON FOR RIGHTCONTENT TO SHOW UP@@!*/
	width:20%;
}

#searchbox{
	top:0px;
	right:1px;
	position:absolute;	
}

#toolbar {
background:#cccccc none repeat scroll 0%;
border-color:buttonhighlight buttonshadow buttonshadow buttonhighlight;
border-style:solid;
border-width:1px;
height:24px;
margin:0pt;
padding:0pt;
text-align:left;
width:265px;
}
.buttons {
background:#cccccc none repeat scroll 0%;
border:1px solid #cccccc;
float:left;
margin:1px;
}
.raise {
background:#cccccc none repeat scroll 0%;
border-color:buttonhighlight buttonshadow buttonshadow buttonhighlight;
border-style:solid;
border-width:1px;
float:left;
margin:1px;
}
.press {
background:#cccccc none repeat scroll 0%;
border-color:buttonshadow buttonhighlight buttonhighlight buttonshadow;
border-style:solid;
border-width:1px;
float:left;
margin:1px;
}

/*makes a white border around the container div*/
#whitepadding{
	left:10px;
	right:10px;
	position:absolute;
	top:10px;
	z-index:100;
}

.move{
	cursor:move;
}

.nowrap{
	white-space:nowrap;
}

.raise  {
	float:left;
	margin:1px;
}
.readmore
{
	display:none;
	border:solid 1px gray;
	padding:5px;
	margin-top:10px;
}


.savemessage
{
	display:block;
	border:solid 1px gray;
	padding:5px;
	margin-top:10px;
	background:#EAE4FF;
	width:40em;
}
.savemessage a
{
	font-weight:bold;
	color:navy;	
}
.press {
	float:left;
	margin:1px;
}

.suggestions{
	width:20em;
	z-index:5;
}


#pages
{
line-height:2.5em;	
}
a.gotopage{
	padding:5px;
}

a.gotopage:hover, a.selectedpage{
	padding:5px;
}
body, html{
	height:100%;
	margin:0px;
	font-family:Verdana,Arial,Helvetica,san-serif;
	font-size:smaller;
}

h4{
	white-space:nowrap;
}

hr{
	height:1px;
}
img
{
	border:none;
}
p.blurb{
	width:45em !important;
	white-space:normal;
}

p.icon{
	float:left; 
	height:5em;
	padding:0.5em;
	width:5.5em;
}

span.login{
	float:right;
	position:absolute;
	top:10px;
}

span.smalltext, span.smalltext a{
	vertical-align:text-top;
}

table.dataview{
	width:60em;
}

td{
	padding-left:4px;
	padding-right:4px;
	vertical-align:top;
}

td.amount, td.rent, td.size{
	text-align:right;
}

td.blurb{
	vertical-align:top;
}

td.datalabel{ 
	text-align:right;
	vertical-align:top;
	width:17em;
}

td.id{
	white-space:nowrap;
}

td.filepath,td.name,td.enabled,td.logindate,td.datatype,td.createdate,td.orderdate,td.address,td.address1,td.address2,td.maincontact,td.billingcontact,td.city,td.shipdate,td.startdate,td.element,td.audio,td.showtitle,td.akatitle,td.title,td.customername,td.enddate, td.duedate, td.updated,td.senddate,td.transactiondate,td.moviedate,td.filetype,td.readdate,td.dbtablename,td.photodate,td.uploaddate{
	white-space:nowrap;
}

td.treeview{
	padding-left:0px;
	padding-right:0px;

}

table.icons td{text-align:center;}
table.icons{padding:0;border:0;}
textarea{
	height:15em;
	width:45em;
}
textarea{
	height:15em;
	width:45em;
}

/*  ---------------------------------- CALENDAR STYLES ------------------------ */
#calendarcontent table.cal{
	width:98%;
	text-align:center;
}

.calendardaydata{
	margin:0.4em;
}

.calendardaydata a{
	width:100%;
}

.calendardaydata a:hover{
	width:100%;
}

.calendardate{
	height:100%;
	min-height:2em;
	width:100%;
}

/*end calendarstyles*/
/*for exportarea*/
#sharediv{border:solid 1px navy;background:#efefff;color:black;margin:1em;padding:1em;width:50em;}

/*for light boxes*/
#lightbox{width:50em;}
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:10001;
-moz-opacity: 0.7;
opacity:.70;
filter: alpha(opacity=70);
}
.white_content {
display: none;
position: absolute;
top: 5%;
left: 5%;
width: auto;
height: auto;
padding: 16px;
border: 16px solid #065aae;
background-color: white;
z-index:10005;
overflow: auto;
}
input[type="checkbox"], input[type="radio"]{
   background: transparent;
   border: 0;
}
img.menuicon{
height:16px;
width:16px;
}
img.submenuicon{
height:16px;
width:16px;
}
div.portal{float:left;width:auto;height:25em;margin-bottom:1em;padding:0;border:solid 1px;overflow:auto;min-width:200px;}
div.portalspacer{width:1em;height:25em;margin-bottom:1em;border:solid 1px transparent;float:left;}
td.highlight{background: none repeat scroll 0% 0% rgba(200,255,200,.25);}

td.tableheader, td.tableheader a, td.tableheader a:hover {
background:#065aae none repeat scroll 0%;
color:#ffffff;
font-size:1.1em;
}

tr.altrow {
background:#e1ece9 none repeat scroll 0%;
}

tr.tableheader, tr.tableheader a {
background:#065aae none repeat scroll 0%;
color:#ffffff;
font-size:1.1em;
font-variant:small-caps;
}
/*REGION:PORTALS*/
td.portaltd{padding:0;}
div.portalscroll{
border:none;
height:330px;
overflow-y:auto;
overflow-x:auto;
}
a.portalTitle{
text-decoration:none;
position:relative;
top:2px;
color:Black;
float:left;
}
#colorchanger{float:right;}
a.portalIcon
{
    float:right;
}
div.portal > table > tbody > tr.tableheader {
background: black;
color:white;
}
div.portal{
width:48%;
margin-left:2px;
border:solid 1px black;
overflow:hidden;
height:360px;
padding:3px;
-moz-border-radius: 12px;
border-radius: 12px;
}
div.thirdwidth{
width:32%;
}
div.quarterwidth{
width:24% ! important;
}
div.halfwidth{
width:48%;
}
div.portalinside{
height:90%;
}
div.wholewidth{
width:96.5%;
}
.portalheader{background:transparent;color:white;}
.portalheader td{border-bottom:solid 1px black;}
#portalcontainer{width:100%;}
/*ENDREGION:PORTALS*/
/*BEGINREGIN:MENUS*/
/* CSS Document */
/* menus css adapted from http://www.cssplay.co.uk/menus/final_drop.html*/

.menu{
	border:none;
	letter-spacing: 0.05em;
	font-weight:bold;
	left:10px;
	position:absolute;
	top:88px;
	width:auto;
	z-index:100;
	font-size:1em;
}

.menu a:visited{
	font-weight:bold;
}/*how to fix font not bold unless visited?*/

* html .menu {
	font-size:0.97em;
	top:86px;
}


/* remove bullets, borders, padding from the default list styling */
.menu ul{
	list-style-type:none;
	margin:0;
	padding:0;
	
}

.menu ul ul{
	width:195px;
}

/* float list to make it horizontal and relative position to control the dropdown menu position - the width of the tabs here overrides all others*/
.menu li{
	float:left;
	position:relative;
	width:auto;	
}
.menu ul li{
    	background:url("../images/bluetabright.png") no-repeat right top;
    	margin: 0px 0px 0px 1px;

}
/* style the links for the top level */
.menu a{
	color:#065aae;
	display:block;
	line-height:15px;
	text-decoration:none ! important; 
}

.menu a.top, .menu a.top:visited, .menu a.top:hover{
	color:#fff;
    	display:block;
    	background:url("../images/bluetableft.png") no-repeat left top ! important;
    	margin: 0px 5px 0px 0px;
	padding:4px 1px 8px 5px;
	font-size:1em;
    }
.menu a.top:hover
{
    margin: 0px 5px 0px 0px;
	padding:3px 1px 8px 5px;
}

/* html .menu a, * html .menu a:visited{
	width:auto;
	w\idth:195px;
}*/

/*-----------------if removed the following section makes secondary <li>s show------*/
/* style the second level(where drop-outs come out the side) background */
.menu ul ul a.drop {
	background:#065aae bottom right no-repeat;
}

/* style the second level hover */
.menu ul ul a.drop:hover{
	background:#065aae  bottom right no-repeat;
}

/*not sure what this does - changing the color has no visible effect*/
.menu ul ul :hover > a.drop{
	background:#065aae bottom right no-repeat;
}

/* style the third level background */
.menu ul ul ul a{
	background:#065aae;
}

/* style the third level hover */
.menu ul ul ul a:hover{
	background:#065aae;
}

/* hide and style sub-levels and make absolute so that they take up no room */
.menu ul ul{
	/*adding transparent below fixes ie bug that makes all uls show*/
	background:transparent;
	height:0;
	left:-1px; 
	position:absolute;
	text-decoration: none;
	top:31px;
	visibility:hidden;
	white-space: normal;
	width:195px;
	z-index:101;
	color:#065aae;
}

/* another hack for IE5.5 */
* html .menu ul ul{
	top:30px;
	t\op:31px;
}
.menu ul ul li{
padding: 0px;
margin:0px;
top: 3px;
left:1px;
white-space:nowrap;
}
/* position the third level flyout menu */
.menu ul ul ul{
	left:195px; 
	top:0;
	width:195px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left{
	left:-195px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table{
	left:0;
	position:absolute;
	top:0; 
}

.menu ul ul{
	top:24px ! important;
}

/* style the second level links, top -1 make the background of the ul show up on the bottom a */
.menu ul ul a{
	background:#fff;
	color:#065aae;
	height:auto; 
	padding:5px; 
	position:relative;
	text-decoration:none; 
	top:-1px ! important;
	width:20em;	
}

/* yet another hack for IE5.5 */
* html .menu ul ul a{
	width:195px;
	w\idth:195px;
}


/* hover for the dropped down menus */
.menu :hover > a, .menu ul ul :hover > a{
	background: #065aae;
	color:#fff;
}


/* make second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{
	/*visibility:visible; */
}
.menu ul ul.dropdownmenu
{
	visibility:visible;
}


/* keep third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility:hidden;
}

/* make third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
	visibility:visible;
}

.menu ul ul a{
	color:#065aae;
}

.menu ul ul li a{
	border-top:solid 1px #065aae;
	border-left:solid 1px #065aae;
	border-right:solid 1px #065aae;
	color:#065aae;
}

.menu ul ul li {
	padding:0px;
}

.menu ul ul li{
	background:#065aae;
}
/*END REGION:MENUS*/
/*BEGIN REGION:MOBILE*/
@media only screen and (max-width: 480px) {  
  /* CSS goes here */  
  #searchbox{display:none;}
  #logo{display:none;}
  #quicklaunch{display:none;}
  #titlebar{display:none;}
  #menudiv{top:0px;left:0px;}
  .menu ul ul li {float:none;}
  div.portal{width:100%;}
  #centercontent{padding:0px;height:auto;}
  #rightcontent{position:auto;top:auto;right:auto; width:100%;}
  #calendarcontent{overflow: inherit};
}  

@media only screen and (max-width: 320px) {  
  /* CSS goes here */  
  #searchbox{display:none;}
  #logo{display:none;}
  #quicklaunch{display:none;}
  #titlebar{display:none;}
  #menudiv{top:0px;left:0px;}
  .menu ul ul li {float:none;}
  div.portal{width:100%;}
  #centercontent{padding:0px;height:auto;}
  #rightcontent{position:auto;top:auto;right:auto; width:100%;}
  #calendarcontent{overflow: inherit};

}  
/*END REGION:MOBILE*/

#toolbar > img.buttons, #toolbar > img.raise{
  height:18px;
  width:18px;
}
/*
textarea{white-space:pre ! important;}
*/
.field{float:left;}
td.field{float:none;}
.formfield{margin-bottom:20px;}
.tooltiptriangle{    
    border-color: transparent #FFA500 transparent transparent;
    border-style: solid;
    border-width: 5px;
    float: left;
    height: 0;
    left: -4px;
    padding: 0;
    position: relative;
    top: 13px;
    width: 0;
    display:none;}
.tooltipbox{height:40px;float:right;position:relative;z-index:100;top:15px;}
div.tooltip{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFA500;
    border-radius: 5px 5px 5px 5px;
    display: none;
    font-size: 15px;
    font-weight: normal;
    margin: 5px;
    padding: 5px 7px;
    vertical-align: top;
    width: 200px;
    cursor:pointer;
}

.required:active,.required{background-color:#ffffcc ! important;}
.required.empty{background-color:#ffdddd ! important;border:solid 2px red !important;}
/* BEGIN: FOR THE APP SEARCH RESULTS PAGE */
#lightbox {width: 87% ! important;border: none;height: 87%;padding:1em;}
#lightboxcontentpager{position:absolute;top:10px;}
#lightboxcontent{margin-top:2em;}
.searcharea{float:left;height:120px;width:10%;background-color:lightblue;border:solid 1px navy;margin:1em;overflow:hidden;padding:1em;text-align:center!important;}
.searcharea h1{font-size:12px;display:block;height:40%;width:100%;text-align:center!important;}
.searchmsg{font-size:50px;}
.searcharea > .searchmsg[content="0"]{opacity:.5;}
a#sharelink{display:none} /*for hiding the share link in the ribbon*/

/* END: FOR THE APP SEARCH RESULTS PAGE */
/*To prevent deleting tables accidentally*/
span.tableLink a:last-child{display:none}