@import "reset.css";
@import "960.css";
@import "shared.css";
@import "icon.css";
@import "corners.css";
@import "home.css";


/*	Breadcrumbs (bc)
	---------------------------------------
	This area defines all specific classes 
	and id's for any and all information displayed 
	inside of a (bc) container.  */
	
#bc {
	margin: -6px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #ececea;
}

/*	Page title (pt)
	---------------------------------------
	This area defines all specific classes 
	and id's for any and all information displayed 
	inside of a (pt) container.  */

#pt {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	
}
#pt h1 {
	font-size: 220%;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #8FC73E;
}
#pt .logo1 { /*JustWare style logos*/
	padding: 42px 0px 0px 0px;
}
#pt .logo2 {/*Ancillary style logos*/
	padding: 70px 0px 0px 0px;
}
#pt .logo1 span, #pt .logo2 span {
	font-size: 0px;
	color: #ffffff;
}
#pt h1 sub {
	display: block;
	font-size: 60%;
	color: #4F4F4F;
	font-weight: normal;
	text-transform: none;
}


/*	Tabs (t)
	---------------------------------------
	usually specific to a given section or 
	a sub section */

#t {
	/*display: none;*/
	text-align: right;
	margin: 18px 0px 10px 0px;
	padding: 0px 10px 10px 0px;
	border-bottom: 1px solid #d6d4d3;
	font-size: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#t a {
	display: inline;
	margin: 0px 1px 0px 1px;
	padding: 10px;
	background: #f2f2f2 url(../images/background_tabs.gif) repeat-x 0px -100px;
	border-right: 1px solid #d6d4d3;
	border-bottom: 1px solid #d6d4d3;
	color: #322f29;
	text-decoration: none;
}
#t a:hover {
	background: #e1e1e1 url(../images/background_tabs.gif) repeat-x 0px -200px;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
}
#t strong {
	display: inline;
	margin: 0px 1px 0px 1px;
	padding: 10px 10px 10px 10px;
	background: #ffffff url(../images/background_tabs.gif) repeat-x 0px 0px;
	border: 1px solid #d6d4d3;
	font-weight: normal;
	border-bottom: 1px solid #ffffff;
}
#d { /* fake tablike divider... */
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 10px 0px;
	border-bottom: 1px solid #ececea;
	font-size: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}


	
/*	Content Left (cl)
	---------------------------------------
	This area defines all specific classes 
	and id's for any and all information displayed 
	inside of a (cl) container */
	
#cl {
	float: left;
	padding: 15px;
	width: 235px;
}
#cl ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	sletter-spacing: -0.03em;
	font-size: 94%;
}
#cl ul li {
	border: 1px solid #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#cl ul li a {
	display: block;
	padding: 3px 4px 3px 18px;
	background: #ffffff url(../images/icon_pillar.gif) no-repeat 0px 4px;
	color: #555555;
	text-decoration: none;
	border-top: 1px solid #e5e5e5;
}
#cl ul li a strong {
	font-weight: normal;
	display: block;
	padding: 3px 4px 3px 18px;
	background: #fffbe2 url(../icons/bullet_black.gif) no-repeat 0px 4px;
	color: #000000;
	border-top: 1px solid #f0ebca;

}
#cl ul ul li a {
	display: block;
	padding: 3px 4px 3px 18px;
	background: #ffffff url(../images/bullet_arrow.png) no-repeat 0px 4px;
	color: #555555;
	text-decoration: none;
	border-top: 1px solid #ececea;
}
#cl ul #adobe li a {
	display: block;
	padding: 3px 4px 3px 18px;
	background: #ffffff url(../images/bullet_pdf.png) no-repeat 0px 4px;
	color: #555555;
	text-decoration: none;
	border-top: 1px solid #ececea;
}
#cl #doc ul li a {
	display: block;
	padding: 3px 4px 3px 18px;
	background: #ffffff url(../images/bullet_doc2.png) no-repeat 0px 4px;
	color: #555555;
	text-decoration: none;
	border-top: 1px solid #ececea;
}
#cl ul li a:hover {
	color: #413000;
	background-color: #F1F1EE;	
}
#cl ul li strong {
	font-weight: normal;
	display: block;
	padding: 3px 4px 3px 18px;
	background: #fffbe2 url(../icons/bullet_black.gif) no-repeat 0px 4px;
	color: #000000;
	border-top: 1px solid #f0ebca;

}


/*	Content Right (cr)
	---------------------------------------
	This area defines all specific classes 
	and id's for any and all information displayed 
	inside of a (cr) container */
	
#cr {
	margin: 0px 0px 0px 250px;
	padding: 20px;
	color: #7e7e7e;
}
#cr a {
	text-decoration: underline;
}
#cr a:hover {
	text-decoration: none;
}
#cr #o {/* page options */
	margin: 0px 0px 20px 0px;	
}
#cr #o ul {}
#cr #o ul li {
	display: inline;
	padding: 0px 10px 0px 20px;
}
#cr blockquote {
	clear: right;
	margin: 0px 0px 8px 0px;
	padding: 8px 0px 16px 0px;
	Xborder-top: 1px solid #dedede;
	border-bottom: 1px solid #ececea;
	font-size: 120%;
	color: #656565;
}

#cr blockquote strong {
	color:#413000;
}

#cr h2 {
	border: none;
    margin: 36px 0 5px;
    padding: 0;
    width: auto;
}
#cr ul {
	list-style: disc;
	margin-left: 10px;
	padding-left: 10px;
}
#cr ol {
	list-style: decimal;
	margin-left: 15px;
	padding-left: 10px;
}
#cr img, #cr .flash {
	background: #ffffff url(../images/preload_3.gif) 50% 50% no-repeat;
	padding: 6px;
	border: 1px solid #efefef;
	margin: 10px 10px 10px 0px;
}
#cr img.null { /* hide the border for solutions images */
	border: 1px solid #ffffff;
}
#cr .inline {
	margin: 5px 20px 10px 0px;
	float: left;
}
#cr .q {
	width: 136px;
	background: #f4f9fc url(../images/background_quote.gif) no-repeat 50% top;
	color: #8e9fa5;
	padding: 12px 12px 0px 12px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	line-height: 150%;
	border: none;
	float: right;
	margin: 20px 0px 30px 30px;
}
#cr .q div {
	font-size: 77%;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 110%;
	display: block;
	margin: 12px -13px 0px -12px;
	padding: 10px 12px 30px 12px;
	background: #f4f9fc url(../images/background_quote.gif) no-repeat 50% bottom;
}
#cr .q span {
	background: url(../images/background_quote.gif) no-repeat;
}
#cr dl {
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
#cr dl dt {
	border: 1px solid #ffffff;
	border-bottom: 1px solid #e5e5e5;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 5px 0px;
	font-size: 120%;
	font-weight: bold;
	color:#413000;
}
#cr dl dt span{
	float: right;
	font-weight: normal;
	color: #b6b6b6;
	font-size: 80%;
}
#cr dl dd {
	margin: 0px 0px 0px 0px;
	border: 1px solid #ffffff;
	border-bottom: 1px solid #ebf6f8;
}
#cr dl dd i {
	display: block;
	padding: 10px 20px 10px 25px;
	text-decoration: none;
	background: #ffffff url(../icons/cross.gif) no-repeat 0px 10px;
}
#cr dl dd a {
	display: block;
	padding: 5px 20px 5px 0px;
	text-decoration: none;
	background: #ffffff;
}
#cr dl dd a span {
	float: right;
	color: #777777;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 70px;
}
#cr dl dd a em {
	display: block;
	color: #777777;
	font-style: normal;
	padding: 0px 0px 0px 25px;	
}
#cr dl dd a big { 
	display: block;
	font-size: 100%;
	padding: 0px 0px 0px 25px;
}
#cr dl dd a small { 
	display: block;
	color: #a6a6a6;
	font-size: 90%;
	margin: 10px 0px 0px 0px;
}

#cr dl .even a { background: #fafdfe; }
#cr dl .odd a { background: #ffffff; }
#cr dl a:hover { background: #F1F1EE; }


#cr #comments dd { /* blog comment */
	display: block;
	padding: 10px 20px 8px 0px;
	text-decoration: none;
	background: #ffffff;
}
#cr #comments dd big { 
	display: block;
	font-size: 100%;
	padding: 0px 0px 0px 50px;
	color: #444444;
	line-height: 100%;
}
#cr #comments dd em {
	display: block;
	color: #777777;
	font-style: normal;
	padding: 5px 0px 0px 50px;	
}
#cr #comments dd span {
	display: block;
	color: #bdbdbd;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 50px;
}
#cr #comments dd span {
	display: block;
	color: #bdbdbd;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 50px;
}
#cr #comments .even { background: #fafdfe  url(../icons/feed_add.gif) no-repeat 0px 12px; }
#cr #comments .odd { background: #ffffff  url(../icons/feed_add.gif) no-repeat 0px 12px; }
#cr #comments a { text-decoration: underline; }
#cr #comments .even a:hover { background: #fafdfe; text-decoration: none; }
#cr #comments .odd a:hover { background: #ffffff; text-decoration: none; }



#cr #i { /* ingormation holder */
	Xfloat: left;
	width: 500px;
	padding: 20px;
	border: 1px solid #e9eff2;
	margin: 0px 20px 0px 0px;
	background: #ffffff url(../images/background_i.gif) no-repeat 50% 5px;
}
#cr #i img {
	float: left;
	margin: 0px 20px 0px 0px;
}
#cr #i label {
	color: #a6a6a6;
	display: block;
}
#cr #i span {
	display: block;
	margin: 0px 0px 10px 0px;
}
#cr #i strong {
	padding: 2px 0px 0px 22px;
	display: block;
	margin: 0px 0px 5px 0px;
	font-weight: normal;
}
#cr #i strong a{
	font-weight: bold;
	padding: 0px 5px 0px 0px;
}


/*	Generic Form (gf)
	---------------------------------------
	This area defines all specific classes 
	and id's for any and all information displayed 
	inside of a (gf) container */
	
#gf {
	margin: 0px 0px 0px 0px;
	padding: 10px;
	border: 1px solid #eeede8;
	background: #fdfdfb;

}
#gf .required { padding: 0px 0px 0px 18px; background: url(../icons/bullet_star.gif) no-repeat; } /* Required field */

.i, .t, .s, .b, .f, .w, .d{
	padding: 4px;
	border: 1px solid #cac7c5;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
#gf .i { width: 310px; margin: 0px 5px 5px 0px; float: left;}
#gf .t { width: 310px; height: 70px; margin: 0px 5px 5px 0px; float: left;}
#gf .s { width: 310px; margin: 0px 5px 5px 0px; float: left;}
#gf .c { margin: 0px 5px 5px 10px;}
#gf .b { width: 100px; margin: 20px 0px 5px 10px; background: #8cc739; color: #ffffff; border: 1px solid #8cc739; font-family: Georgia, "Times New Roman", Times, serif; }
#gf .f { width: 310px; margin: 0px 0px 5px 0px; float: left;}
#gf .w { margin: 0px 0px 5px 0px; background: #ffffff; border: 1px solid #cac7c5; height: 200px; width: 635px; float: left;}

#gf .small { width: 100px; }
#gf .medium { width: 220px; }
#gf .multiple { height: 90px; }

#gf .d { 
	width: 310px; 
	margin: 0px 5px 5px 0px; 
	background: #cdcdcd;
	border: 1px solid #f8cece;
	background: #f8e8e5 url(../images/background_delete.gif) repeat-x 0px -10px;
	color: #d41212;
}

#gf .x {
	background: #f8f6f3;
	border: 1px solid #f8f6f3;
	color: #000000;
	padding: 4px 0px 4px 0px;
}
#gf fieldset {
	border: 1px solid #ffffff;
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom:  1px solid #eeede8;
}
#gf legend {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #777777;
	background: #ffffffff;
	font-size: 100%;
}
#gf p {
	padding: 0px 20px 0px 5px;
}
#gf label {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #777777;
	background: #ffffffff;
	font-size: 100%;
	float: left;
	display: block;
	width: 150px;
}
#gf .bold {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	color: #777777;
	background: #ffffffff;
	font-size: 120%;
}
#gf em {
	color: #adacaa;
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 180px;
	display: none;
}
#gf i {
	color: #adacaa;
	display: block;
	margin: 0px 0px 10px 5px;
	padding: 0px 0px 0px 20px;
	Xbackground: url(../icons/error.gif) no-repeat;
	width: 450px;
}
#gf span {
	display: block;
	background: #fbfbf5;
	margin: 2px 9px 2px 9px;
	padding: 2px 150px 2px 2px;
}
#gf span label {
	width: 300px;
	padding: 0px 0px 0px 5px;
}
#gf big {
	display: block;
	font-size: 100%;
	padding: 0px 0px 4px 0px;
	margin: 15px 0px 6px 9px;
	border-bottom:  2px solid #eeede8;
	font-weight: bold;
	cursor: pointer;
	padding-left: 16px;
	background: transparent url(../icons/bullet_arrow_down.gif) no-repeat 0px 0px;
}
#gf big b {
	float: right;
	font-weight: normal;
	Xcolor: #c90318;
}
#gf small {
	display: block;
	font-size: 100%;
	padding: 0px 0px 0px 0px;
	Xborder-bottom: 1px solid #eeede8;
	vertical-align: middle;
	margin: 0px 120px 0px 0px;
}
#gf .group {
	display: none;
}


/*	Search Links (s)
	---------------------------------------
	This area defines all specific classes 
	and id's for any and all information displayed 
	inside of a (s) container */
	
#s {
	margin: 25px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	border-top: 1px solid #ececea;
}
#s strong, #s span  {
	Xdisplay: block;
	Xfloat: left;
	Xbackground: #ffffff;
	padding: 3px;
	color: #777777;
	Xborder: 1px solid #ececea;
	Xmargin: 0px 3px 0px 0px;
}
#s span  {
	color: #ececea;
}
#s a{
	Xdisplay: block;
	Xfloat: left;
	Xbackground: #faf4c8;
	Xborder-bottom: 1px solid #e3de9f;
	Xborder-right: 1px solid #e3de9f;
	padding: 3px;
	Xtext-decoration: none;
	Xcolor: #a19d68;
	Xmargin: 0px 3px 0px 0px;
}
#s a:hover {
	Xbackground: #c90318;
	Xborder-bottom: 1px solid #c90318;
	Xborder-right: 1px solid #c90318;
	Xcolor: #ffffff;
}

table td {
	vertical-align: top;
}