/* This document is for Productivity website styles */


/* general styles */

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 1.5em;
color: #DD0D12;
} /* red text */

h2 {font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
line-height: 1.2em;
color: #333333;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
line-height: 1.5em;
color: #333333;
}

p, .italic, .sectiontext {
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
line-height: 1.5em;
color: #333333;
}

.italic {
font-style: oblique;
}

.bold {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
line-height: 1.5em;
color: #333333;
}

/* news & events styles*/

.newstitle {
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
font-weight: bold;
text-align: left;
line-height: 1.5em;
color: #333333;
}

.newstext {
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
text-align: left;
line-height: 1.5em;
color: #666666;
}

/* entry page styles*/

.headertitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
line-height: 1.5em;
color: #DD0D12;
padding-left: 5px;
text-align: left;
vertical-align: middle;
}

/* link styles */
a, a.radio, a.radio:link, a.radio:visited, a.radio:hover {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}

a:link {
color: #385EAE;
}

a:visited {
color: #385EAE;
}

a:hover {
font-weight: bold;
color: #385EAE;
}

/*  list styles */
li {
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
line-height: 1.5em;
text-align: left;
color: #333333;
}

/* list style for FAQs */

li.question {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 1.5em;
text-align: left;
color: #333333;
}


li.answer {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
text-align: left;
margin: 2px 0 8px -40px;
color: #333333;
list-style: none;
}

/* list style for left menu on entry pages */

.leftmenu  {
font-size: .8em;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

.leftmenu a:link, .leftmenu a:visited {
display: block;
padding: 0.4em 0 0.4em 0.5em;
background-color: #9d9fa1;
text-decoration: none;
color: #FFFFFF;
}

.leftmenu a:hover {
background-color: #CCCCCC;
color: #FFFFFF;
text-decoration: none
}


.leftmenumain a:link {
display: block;
background-color: #ef3e42;
font-size: 1.2em;
font-weight: bold;
color: #ffffff;
border-bottom: 1px solid #ffffff;
}

.leftmenumain a:visited {
display: block;
background-color: #ef3e42;
font-size: 1.2em;
font-weight: bold;
color: #ffffff;
border-bottom: 1px solid #ffffff;
}

.PageUpdateText {
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
text-align: left;
line-height: 1.5em;
color: #666666;
}

.SelectedMenuItem {
display: block;
background-color: #CCCCCC;
 font-weight:bold;
color: #4565B8;
text-decoration: none;
padding: 0.4em 0 0.4em 0.5em;
border-bottom: 1px dotted #ffffff;
}



.EventContactHead
{
    background-color: #999999;
    color: White;
    font-size: 1.2em;
    font-weight: bold;
    height: 25px;
    padding-left: 20px;
}
 
 .EventAttendeeHead {
    background-color: #999999;
    color: White;
    font-size: 1.2em;
    font-weight: bold;
    height: 25px;
    padding-left: 20px;
 }




/* vendor tables */

table#vendor {
background-color:#FFFFFF;
width: 600px;
padding: 3px;
border: solid #CCCCCC 1px;
}

table#vendor tr {
border-bottom: solid #CCCCCC 1px;
}

.data {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px; 
line-height: 1.1em;
color: #000000;
text-align: center;
}

.titlerow {
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
background-color: #000000;
border-bottom: solid #000000 3px;
padding: 10px;
}

.subtitles {
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight:bold;
line-height: 1.3em;
color: #FFFFFF;
text-align: center;
background-color: #666666;
}

.cat_titles {
font-family:Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight:bold;
color: #FFFFFF;
text-align: center;
background-color: #333333;
padding: 5px;
}

.dottedline {
border-bottom: dotted #999999 2px;
}

.dottedline_solid {
border-top: solid #999999 1px;
}

/* job application styles  */

.BoxedField{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom:.5pt solid windowtext;
	border-left:.5pt solid windowtext;
	border-right:.5pt solid windowtext;
	border-top:.5pt solid windowtext;
	padding:5;
}

.FormHeader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #FFFFFF;
	background-color:#7380B1;
	margin: 0px;
	padding: 0px;
	padding:5;
}

.FormText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom:.5pt solid windowtext;
	padding:5;
}
.FormTextLeft{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-left:.5pt solid windowtext;
	padding:5;
}
.FormTextRight{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-right:.5pt solid windowtext;
}
.FormTextNoLine{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.FormTextLeftRight{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-Left:.5pt solid windowtext;
	border-right:.5pt solid windowtext;
}
.FormTextLeftRightTop{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-Left:.5pt solid windowtext;
	border-right:.5pt solid windowtext;
	border-Top:.5pt solid windowtext;
}

.FormCheckBox{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom:.5pt solid windowtext;
}
.FormCheckBoxNoLine{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.FormTextBox{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.ReferalRight{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom:.5pt solid windowtext;
	border-right:.5pt solid windowtext;
	padding:5;
}
.ReferalLeft{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom:.5pt solid windowtext;
	border-left:.5pt solid windowtext;
	border-right:.5pt solid windowtext;
	padding:5;
}
.ReferalRightTop{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom:.5pt solid windowtext;
	border-right:.5pt solid windowtext;
	border-top:.5pt solid windowtext;
	padding:5;
}

.SmallHeader{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #FFFFFF;
	background-color:#7380B1;
	margin: 0px;
	padding: 0px;
	padding:3;
	border-left:.5pt solid windowtext;
	border-right:.5pt solid windowtext;
}

.SmallText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-Left:.5pt solid windowtext;
	border-right:.5pt solid windowtext
}
.SmallQuestionLeft
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-left:.5pt solid windowtext;
}
.SmallQuestionRight
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-right:.5pt solid windowtext;
}
.SmallQuestionTopLeft
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-top:.5pt solid windowtext;
	border-left:.5pt solid windowtext;
}
.SmallQuestionTopRight
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-top:.5pt solid windowtext;
	border-right:.5pt solid windowtext;
}
.SmallQuestionBottomLeft
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-bottom:.5pt solid windowtext;
	border-left:.5pt solid windowtext;
}
.SmallQuestionBottomLeftRight
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-bottom:.5pt solid windowtext;
	border-left:.5pt solid windowtext;
	border-right:.5pt solid windowtext;
}
.SmallQuestionBottomRight
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-bottom:.5pt solid windowtext;
	border-right:.5pt solid windowtext;
}
.SmallQuestion
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.SmallQuestionBottom
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-bottom:.5pt solid windowtext;
}

/* tooling specials styles  */

.toolspecials_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FF0000;
}
.toolspecials_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
}
.toolspecials_expiry {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-right-width: 0.5pt;
	border-left-width: 0.5pt;
	border-right-style: none;
	border-left-style: none;
	border-right-color: windowtext;
	border-left-color: windowtext;
}

/* success stories titles styles  */
.success_stories{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #FFFFFF;
	background-color:#7380B1;
	margin: 0px;
	padding: 0px;
	padding:3;

}

.subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}