/****************************************/
/*          Master CSS File             */
/* Controls Base/Form/Typography Styles */
/****************************************/

/*****************/
/*  Base Styles  */
/*****************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{
	margin: 0;
	padding: 0;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

address,caption,cite,code,dfn,em,strong,th,var{
	font-style: normal;
	font-weight: 400;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 400;
}

q:before,q:after {
	content: '';
}

fieldset,img,abbr,acronym{
	border: 0;
}

/*********************/
/*    Form Styles    */
/*********************/

span.required
{
	color: red;
	font-size: 17px;
	line-height: 11px;
	font-weight: bold;
	vertical-align: text-bottom;
	padding: 0 3px 0 3px;
}

/* Sets color and formatting of form error text */
div.errors { color: #900; padding: 0 0 18px 8px; }

/* Styles textareas */
form.pageform textarea { border-color: #dedede; border-style: solid; border-width: 1px; }

/* Styles input and select boxes */
form.pageform input,form.pageform select { background-color: #FFF; border-color: #dedede; border-style: solid; border-width: 1px; }

/* Styles form buttons */
form.pageform input.form_button { background-color: #333; border-color: #000; border-style: solid; border-width: 1px; color: #FFF; font-size: 12px; line-height: 18px; padding: 5px; }

/* Form button hover color */
form.pageform input.form_button:hover { background-color: #f50; border-color: #f50; }

/* Sets background color for form elements that are required after a failed submission (errors found) */
form.pageform input.required { background-color: #FFC; }

/* Defines width of text fields */
form.pageform input.textfieldlong { width: 496px; }

/* Overrides paragraph styles inside of forms */
form.pageform p { font-size: 12px; padding: 0 0 9px 8px; }



/*********************/
/* Typography Styles */
/*********************/

/* Site wide default for font color, family, size and line height */
body { color: #333; font-family: arial, sans-serif; font-size: 12px; line-height: 18px; } 

a { outline: none; text-decoration: none; }
a.button_doc,a.button_mail,a.button_phone,a.button_search,a.button_web,a.button_more { color: #808080; display: block; left: 8px; line-height: 18px; padding-left: 20px; text-decoration: none; }
a.button_doc_press:hover,a.button_mail:hover,a.button_phone:hover,a.button_search:hover,a.button_web:hover a.button_more:hover { color: #f50; text-decoration: underline; }
a.button_more:hover { background: url(http://www.counterpath.com/assets/templates/master/images/link_icons/more_hover.gif) left 1px no-repeat; }
a.button_doc:hover { background: url(http://www.counterpath.com/assets/templates/master/images/link_icons/doc_hover.gif) left 1px no-repeat; }	
a.button_web:hover { background: url(http://www.counterpath.com/assets/templates/master/images/link_icons/web_hover.gif) left 2px no-repeat; }	
a.button_doc_press { color: #808080; text-decoration: underline; font-size: 11px; display: block; left: 8px; line-height: 15.2px; padding-left: 20px; text-decoration: none; }		
a.button_doc { background: url(http://www.counterpath.com/assets/templates/master/images/link_icons/doc.gif) left 1px no-repeat; }
a.button_doc_press { background: url(http://www.counterpath.com/assets/templates/master/images/link_icons/doc.gif) left 1px no-repeat; }
a.button_mail { background: url(http://www.counterpath.com/assets/templates/master/images/link_icons/mail.gif) left 2px no-repeat; }
a.button_more { background: url(http://www.counterpath.com/assets/templates/master/images/link_icons/more.gif) left 1px no-repeat; color: #808080; padding-left: 17px; }
a.button_phone { background: url(http://www.counterpath.com/assets/templates/master/images/link_icons/phone.gif) left 1px no-repeat; }
a.button_search { background: url(http://www.counterpath.com/assets/templates/master/images/link_icons/search.gif) left 3px no-repeat; }
a.button_web { background: url(http://www.counterpath.com/assets/templates/master/images/link_icons/web.gif) left 2px no-repeat; }

a:active { color: #808080; text-decoration: underline;}
a:link,a:visited { color: #808080; text-decoration: none; }
a:hover { color: #f50; text-decoration: underline; }

/* Headers */
h1
{
	background-position: left bottom;
	color: #f50;
	font-size: 20px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 14px;
	padding: 18px 8px 4px 8px;
}

h2
{
	color: #f50;
	font-size: 16px;
	font-weight: bold;
	line-height: 36px;
}

h3 
{ 
	color: #333;
	font-weight: 700; 
}

h4,h5
{
	color: #333;
	font-weight: 700;
}

h5.press
{
	font-style: italic;
	font-weight: 400;
	padding: 0 0 18px 8px;
}

h6
{
	color: #888;
	font-weight: 700;
	margin: -9px 0 0;
	padding: 0 0 9px 0;
}	

h7
{
	color: #333;
	font-size: 13px;		
	font-weight: bold;
	margin: 10px 7px 0px;
	padding: 0 0 9px 0;
}	

h8
{
	color: #333;
	font-size: 13px;
	font-weight: bold; 
	line-height: 36px;
}	

/* Paragraphs (P) */
p { padding: 0px 8px 18px 8px; }
p.multipart { padding: 0px 0px 0px 8px; }
p.plist { margin-top: -18px; }
p.smallp, p.pressnote { color: #555; font-size: 10px; }
p.document { color: #555; font-size: 10px; line-height: 11px; }	
p.note { color: #999; font-size: 11px; font-style: oblique; }

div.newshome
{
	font-size: 11px;
	line-height: 13px;
	margin-top: -12px;
	padding-top: 15px;
}	

div.newshomeitem, div.upcomingeventitem
{
	font-size: 11px;
	line-height: 13px;
	padding-left: 9px;
	padding-bottom: 8px;
	clear: left;
	float: left;
	width: 360px;
}

div.upcomingeventitem a {
	color: #333333;
}

div.upcomingeventitem a:hover {
    color: #f50;
}

/* Other Block Elements */
blockquote
{
	color: #777;
	padding: 0px 8px 18px 26px;
}

del,ins
{
  background-color: #FFC;
  display: none;
}

pre { font-family: "Courier New", Courier, monospace; }

pre,h1,h2,h3,h4,h5,h6,h8,p { padding-left: 8px; padding-right: 8px; }

code
{
  font-family: "Courier New", Courier, monospace;
  line-height: 0;
}

q,em
{
  color: #3B3B3B;
  font-style: oblique;
}

strong
{
  font-weight: 700;
}

sub
{
  position: static!important;
  bottom: -.33em;
  color: #999;
  font-size: 10px!important;
  font-weight: 400!important;
  padding-left: 1px;
  position: relative;
  vertical-align: baseline;
}

sup
{
  position: static!important;
  bottom: .33em;
  color: #999;
  font-size: 10px!important;
  font-weight: 400!important;
  padding-left: 1px;
  position: relative;
  vertical-align: baseline;
}
	
/* List Elements */
ol { list-style-position: outside; list-style-type: decimal; }
ul { list-style-position: outside; list-style-type: disc; }
ol,ul { color: #555; padding: 0 0 0 30px; }
.content li { padding: 0 8px 0 0; }



