/* CSS Document */



/* ==== modules ========== */

.module { width: 178px; margin:6px; }

.moduleTop {
        background-image: url(http://www.ctqsolutions.com/CSP/ctqprod/images/moduleTop.gif);
        background-repeat: no-repeat;
        background-position: bottom;
        width: 198px;
        height: 5px;
	
        line-height:1px;
}

.moduleBottom {
        background-image: url(http://www.ctqsolutions.com/CSP/ctqprod/images/moduleBottom.gif);
        background-repeat: no-repeat;
        background-position: top;
        width: 198px;

        height: 5px;
        line-height: 1px;
}

.moduleContentArea {
        padding: 8px 8px 8px 8px;
	
        color: #000000;
        font-size: 11px;
        background-image: url(http://www.ctqsolutions.com/CSP/ctqprod/images/moduleContentArea.gif);
        vertical-align: top;
}

.moduleTitle {
        color: #000000;
        font-size: 12px;
        font-weight: bold;
        padding: 4px 8px 8px 8px;
        vertical-align: top;
        background-image: url(http://www.ctqsolutions.com/CSP/ctqprod/images/moduleTitle.gif);
}

.moduleSubTitle {
        color: #000000;
        font-size: 11px;
        font-weight: bold;
        padding-bottom: 8px;
}


.moduleContentArea a         {color: #0860A8; font-size: 11px; text-decoration: none;}
.moduleContentArea a:visited {color: #0860A8; font-size: 11px; text-decoration: none;}
.moduleContentArea a:hover   {color: #0860A8; font-size: 11px; text-decoration: underline;}

.moduleContent           {color: #000000; font-size: 11px; text-decoration: none;}
.moduleContent a         {color: #0860A8; font-size: 11px; text-decoration: none;}
.moduleContent a:visited {color: #0860A8; font-size: 11px; text-decoration: none;}
.moduleContent a:hover   {color: #0860A8; font-size: 11px; text-decoration: underline;}

a.moduleContent          {color: #0860A8; font-size: 11px; text-decoration: none;}
a.moduleContent:visited  {color: #0860A8; font-size: 11px; text-decoration: none;}
a.moduleContent:hover    {color: #0860A8; font-size: 11px; text-decoration: underline;}


.moduleLink           {color: #0860A8; font-size: 11px; text-decoration: none;}
.moduleLink a         {color: #0860A8; font-size: 11px; text-decoration: none;}
.moduleLink a:visited {color: #0860A8; font-size: 11px; text-decoration: none;}
.moduleLink a:hover   {color: #0860A8; font-size: 11px; text-decoration: underline;}

a.moduleLink          {color: #0860A8; font-size: 11px; text-decoration: none;}
a.moduleLink:visited  {color: #0860A8; font-size: 11px; text-decoration: none;}
a.moduleLink:hover    {color: #0860A8; font-size: 11px; text-decoration: underline;}

.moduleBoldLink           {color: #0000FF; font-size: 11px; font-weight: bold;}
.moduleBoldLink a         {color: #0000FF; font-size: 11px; font-weight: bold; text-decoration: none;}
.moduleBoldLink a:visited {color: #0000FF; font-size: 11px; font-weight: bold; text-decoration: none;}
.moduleBoldLink a:hover   {color: #0000FF; font-size: 11px; font-weight: bold; text-decoration: underline;}

a.moduleBoldLink          {color: #0000FF; font-size: 11px; font-weight: bold; text-decoration: none;}
a.moduleBoldLink:visited  {color: #0000FF; font-size: 11px; font-weight: bold; text-decoration: none;}
a.moduleBoldLink:hover    {color: #0000FF; font-size: 11px; font-weight: bold; text-decoration: underline;}


.moduleLine {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #A6A6A6;
	line-height: 1px;
	margin-top: 8px;
	margin-bottom: 8px;
}


/* ==== moduleWhite ========== */

.moduleWhiteTop {
        background-image: url( /sites/templates/pix/moduleWhiteTop.gif);
        background-repeat: no-repeat;
        background-position: bottom;
        width: 372px;
        height: 5px;
        line-height: 1px;
}

.moduleWhiteBottom {
        background-image: url( /sites/templates/pix/moduleWhiteBottom.gif);
        background-repeat: no-repeat;
        background-position: top;
        width: 372px;
        height: 5px;
        line-height: 1px;
}

.moduleWhiteContentArea {
        padding: 10px 10px 10px 10px;
        color: #666666;
        font-size: 11px;
        background-image: url( /sites/templates/pix/moduleWhiteContentArea.gif);
        vertical-align: top;
}


/* ==== moduleWhiteLarge ========== */

.moduleWhiteLargeTop {
        background-image: url( /sites/templates/pix/moduleWhiteLargeTop.gif);
        background-repeat: no-repeat;
        background-position: bottom;
        width: 566px;
        height: 5px;
        line-height: 1px;
}

.moduleWhiteLargeBottom {
        background-image: url( /sites/templates/pix/moduleWhiteLargeBottom.gif);
        background-repeat: no-repeat;
        background-position: top;
        width: 566px;
        height: 5px;
        line-height: 1px;
}

.moduleWhiteLargeContentArea {
        padding: 10px 10px 10px 10px;
        color: #666666;
        font-size: 11px;
        background-image: url( /sites/templates/pix/moduleWhiteLargeContentArea.gif);
        vertical-align: top;
}

/* ==== moduleGradient ========== */

.moduleGradientLargeContentArea {
	padding: 10px 10px 10px 10px;
	color: #666666;
	font-size: 11px;
	background-image: url(/sites/templates/pix/moduleGradientLargeContentA.gif);
	vertical-align: top;
}

/* ==== moduleTitle ========== */

.moduleTitleLarge {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 10px 9px 10px;
	vertical-align: top;
	background-image: url( /sites/templates/pix/moduleWhiteLargeContentArea.gif);
}

/* ==== Lines ========== */

.solidLine {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-color: #A6A6A6;
        line-height: 1px;
}

.dottedLine {
        background-image: url( /sites/nav/pix/drop_linerule.gif);
        background-repeat: repeat-x;
        background-position: top;
        padding: 0px;
        line-height: 1px;
}


/* ==== padding / spacing ========== */

.space1px         {line-height:    1px;}
.pad1pxTop        {padding-top:    1px;}
.pad1pxBottom     {padding-bottom: 1px;}
.margin1pxTop     {margin-top:     1px;}
.margin1pxBottom  {margin-bottom:  1px;}

.space2px         {line-height:    2px;}
.pad2pxTop        {padding-top:    2px;}
.pad2pxBottom     {padding-bottom: 2px;}
.margin2pxTop     {margin-top:     2px;}
.margin2pxBottom  {margin-bottom:  2px;}

.space3px         {line-height:    3px;}
.pad3pxTop        {padding-top:    3px;}
.pad3pxBottom     {padding-bottom: 3px;}
.margin3pxTop     {margin-top:     3px;}
.margin3pxBottom  {margin-bottom:  3px;}

.space4px         {line-height:    4px;}
.pad4pxTop        {padding-top:    4px;}
.pad4pxBottom     {padding-bottom: 4px;}
.margin4pxTop     {margin-top:     4px;}
.margin4pxBottom  {margin-bottom:  4px;}

.space5px         {line-height:    5px;}
.pad5pxTop        {padding-top:    5px;}
.pad5pxBottom     {padding-bottom: 5px;}
.margin5pxTop     {margin-top:     5px;}
.margin5pxBottom  {margin-bottom:  5px;}

.space6px         {line-height:    6px;}
.pad6pxTop        {padding-top:    6px;}
.pad6pxBottom     {padding-bottom: 6px;}
.margin6pxTop     {margin-top:     6px;}
.margin6pxBottom  {margin-bottom:  6px;}

.space8px         {line-height:    8px;}
.pad8pxTop        {padding-top:    8px;}
.pad8pxBottom     {padding-bottom: 8px;}
.margin8pxTop     {margin-top:     8px;}
.margin8pxBottom  {margin-bottom:  8px;}

.space10px        {line-height:    10px;}
.pad10pxTop       {padding-top:    10px;}
.pad10pxBottom    {padding-bottom: 10px;}
.margin10pxTop    {margin-top:     10px;}
.margin10pxBottom {margin-bottom:  10px;}

.space12px        {line-height:    12px;}
.pad12pxTop       {padding-top:    12px;}
.pad12pxBottom    {padding-bottom: 12px;}
.margin12pxTop    {margin-top:     12px;}
.margin12pxBottom {margin-bottom:  12px;}

.space14px        {line-height:    14px;}
.pad14pxTop       {padding-top:    14px;}
.pad14pxBottom    {padding-bottom: 14px;}
.margin14pxTop    {margin-top:     14px;}
.margin14pxBottom {margin-bottom:  14px;}

.space16px        {line-height:    16px;}
.pad16pxTop       {padding-top:    16px;}
.pad16pxBottom    {padding-bottom: 16px;}
.margin16pxTop    {margin-top:     16px;}
.margin16pxBottom {margin-bottom:  16px;}

.space18px        {line-height:    18px;}
.pad18pxTop       {padding-top:    18px;}
.pad18pxBottom    {padding-bottom: 18px;}
.margin18pxTop    {margin-top:     18px;}
.margin18pxBottom {margin-bottom:  18px;}

.space20px        {line-height:    20px;}
.pad20pxTop      {padding-top:    20px;}
.pad20pxBottom    {padding-bottom: 20px;}
.margin20pxTop    {margin-top:     20px;}
.margin20pxBottom {margin-bottom:  20px;}





/* ==== ...someone will do this... ========== */

.bold     {font-weight: bold;}
.b  	  {font-weight: bold;}
.strong   {font-weight: bold;}
.i        {font-style: italic;}
.italic	  {font-style: italic;}
.em       {font-style: italic;}
.emphasis {font-style: italic;}
.normal   {color: #666666; font-size: 10px; font-weight: normal; font-style: normal;}

.blue     {color: #0860A8;}
.grey     {color: #666666;}
.black    {color: #000000;}
.red      {color: #ff0000;}


/* ==== Buttons ========== */

/* Utility & Function Button Classes */
.buttonPad {
	border-left: 1px solid #A6A6A6;
	border-right: 1px solid #A6A6A6;
	padding: 0px 4px 0px 4px;
	color: #0860A8;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	}

.buttonPad div { color: #0860A8; }

.buttonBoldText { font-size: 12px; font-weight: bold; color: #0860A8; }



	.buttonCore
{
	background-color: #F6F6F6;
	font-weight: bold;
	color: #0860A8;
	display: block;
	border: none;
	cursor: pointer;
	cursor: hand;
}

input.buttonCore
{
	font-size: 11px;
}

.buttonCore:hover
{
	background-color: #E6E6E6;
	text-decoration: none;
}

input.buttonCore_hover
{
	background-color: #E6E6E6;
	text-decoration: none;
}

.buttonSmallCore
{
	width: 70px;
}

input.buttonSmallCore
{
	padding-left: 4px;
	padding-right: 4px;
}

.buttonMediumCore
{
	width: 100px;
}

.buttonMiddle
{
	border-top: solid 1px #bababa;
	border-bottom: solid 1px #bababa;
}

.buttonMiddleCore 
{
	background-color: #F6F6F6; 
	padding: 2px 8px 3px 8px; 
	font-weight: bold; 
	color: #0860A8; 
	display: block; 
	border: none;
	font-family: verdana, sans-serif;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
	margin: 4px 0px 4px 0px;
	text-align: center;
}

.buttonMedCore
{
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 4px;
	margin-right: 4px;
	width: 100px;
}

input.buttonMedCore
{
	padding-left: 4px;
	padding-right: 4px;
}

.buttonMiddleCore:hover
{
	background-color: #E6E6E6;
	text-decoration: none;
}

input.buttonMiddleCore
{
	padding: 2px 4px 1px 4px;
	font-size: 11px;
}

input.buttonMiddleCore_hover
{
	background-color: #E6E6E6;
}


.buttonLargeCore 
{
	width: 168px;
	padding: 6px 6px 6px 6px;
}

input.buttonLargeCore
{
	padding-left: 6px;
	padding-right: 6px;
}

.buttonLargeTop {
	width: 176px;
	background: #ffffff url( /sites/templates/pix/buttonLarge_top.gif) no-repeat top left;
	height: 5px;
	line-height: 1px;
	padding:0px;
}

.buttonLargeMiddle {
	border-left: solid 1px #A6A6A6;
	border-right: solid 1px #A6A6A6;
	text-align: center;
	width: 176px;
}


.buttonLargeBottom {
	width: 176px;
	background: #ffffff url( /sites/templates/pix/buttonLarge_bottom.gif) no-repeat top left;
	height: 6px;
	line-height: 1px;
}

.buttonLarge_off {background-color: #F6F6F6; padding: 6px 6px 6px 6px; color: #0860A8; }
.buttonLarge_on  {background-color: #E6E6E6; padding: 6px 6px 6px 6px; color: #0860A8; }


.buttonMedTop {
	width: 108px;
	background: #ffffff url( /sites/templates/pix/buttonMed_top.gif) no-repeat top left;
	height: 5px;
	line-height: 1px;
	padding:0px;
}

.buttonMedMiddle {
	border-left: solid 1px #A6A6A6;
	border-right: solid 1px #A6A6A6;
	text-align: center;
	width: 108px;
}

.buttonMedBottom {
	width: 108px;
	background: #ffffff url( /sites/templates/pix/buttonMed_bottom.gif) no-repeat top left;
	height: 6px;
	line-height: 1px;
}

.buttonMed_off {background-color: #F6F6F6; padding: 2px 4px 2px 4px; color: #0860A8; }
.buttonMed_on  {background-color: #E6E6E6; padding: 2px 4px 2px 4px; color: #0860A8; }


.buttonSmallTop {
	width: 78px;
	background: #ffffff url( /sites/templates/pix/buttonSmall_top.gif) no-repeat top left;
	height: 5px;
	line-height: 1px;
	padding:0px;
}

.buttonSmallMiddle {
	width: 78px;
	border-left: solid 1px #A6A6A6;
	border-right: solid 1px #A6A6A6;
	text-align: center;
}

.buttonSmallBottom {
	width: 78px;
	background: #ffffff url( /sites/templates/pix/buttonSmall_bottom.gif) no-repeat top left;
	height: 6px;
	line-height: 1px;
}

.buttonSmall_off {background-color: #F6F6F6; padding: 2px 4px 2px 4px; color: #0860A8; }
.buttonSmall_on  {background-color: #E6E6E6; padding: 2px 4px 2px 4px; color: #0860A8; }

.buttonRightSide
{
	width: 5px; 
	background: #ffffff url( /sites/templates/pix/buttonupperright.gif) no-repeat top right;        
	height: 5px; 
	vertical-align: bottom;
}
.buttonRightSide * 
{
	display: block;
	width: 5px;
	background: #ffffff url( /sites/templates/pix/buttonlowerright.gif) no-repeat bottom right;
}
.buttonLeftSide
{
	width: 5px; 
	background: #ffffff url( /sites/templates/pix/buttonupperleft.gif) no-repeat top left;        
	height: 5px; 
	vertical-align: bottom;
}
.buttonLeftSide *
{
	display: block;
	width: 5px;
	background: #ffffff url( /sites/templates/pix/buttonlowerleft.gif) no-repeat bottom left;
}