/*


Normal colors:
--------------
Grey  {color:#999999;}
Red   {color:#FE5E1D;}
Blue  {color:#3390DC;}
Yellow{color:#FFCA17;}
Green {color:#76C735;}

Light colors for backgrounds:
-----------------------------
Red   {color:#FFF2ED;}
Blue  {color:#EFF6FC;}
Yellow{color:#FFFBED;}
Green {color:#F4FBEF;}

Dark colors - for t3's:
-----------------------
Red    { color:#CB4B17; }
Blue   { color:#2973B0; }
Yellow { color:#CCA212; }
Green  { color:#5E9F2A; }


*/
/*
.logo1 {	font-family:Arial Black;     font-size:25px; background-image: url(gfx/nav-background-red.jpg);   border-left:solid 1px #999999;  }
.logo2 {	font-family:Arial Black;     font-size:25px; background-image: url(gfx/nav-background-blue.jpg);    }
.logo3 {	font-family:Arial Black;     font-size:25px; background-image: url(gfx/nav-background-yellow.jpg);  }
.logo4 {	font-family:Arial Black;     font-size:25px; background-image: url(gfx/nav-background-green.jpg);   }
.logo5 {	font-family:Arial Black;     font-size:25px; background-image: url(gfx/nav-background-red.jpg);     }
.logo6 {	font-family:Arial Black;     font-size:25px; background-image: url(gfx/nav-background-blue.jpg);    }
.logo7 {	font-family:Arial Black;     font-size:25px; background-image: url(gfx/nav-background-yellow.jpg);  }
.logo8 {	font-family:Arial Black;     font-size:25px; background-image: url(gfx/nav-background-green.jpg);   }
.logo9 {	font-family:Arial Black;     font-size:25px; background-image: url(gfx/nav-background-red.jpg);     }
.logo10{	font-family:Arial Black;     font-size:25px; background-image: url(gfx/nav-background-blue.jpg);    }*/


div.TopicTitle
{
	background-color:#eeeeee;
}
.ProductBoxTableImageAdmin
{
	background-image: url(gfx/boxes/ImageAdmin-250-shadow.gif);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position:right top;
	overflow:visible;
}
.ProductBoxTableQuickAdmin
{
	background-image: url(gfx/boxes/QuickAdmin-250-shadow.gif);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position:right top;
	overflow:visible;
}
.ProductBoxTableDbCombo
{
	background-image: url(gfx/boxes/DbCombo-250-shadow.gif);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position:right top;
	overflow:visible;
}
P.QuickAdminTutorialPic {
	margin-bottom:15px;
	margin-top:15px;
	text-align:center;
}
DIV.QuickAdminTutorialTable {
	margin-bottom:15px;
	margin-top:15px;
}





/*         CONTENT STYLES                
           ==============                                   */

.{
	font-family: Verdana, sans-serif;
}
input, select, textarea, button
{
	font-size:xx-small;
}
.null input
{
	font-size:12px;
}
.Content p, div.MessageDiv
/*, .Content div*/
{
	margin-bottom:7px;
	margin-top:7px;
	padding-left:15px;
	line-height:150%;
	/*text-justify:auto;
	text-align:justify;*/
}
.pageWhite td, .pageGrey td, .pageRed td, .pageBlue td, .pageYellow td, .pageGreen td
{
	font-size:70%;
}
td.pageWhite, td.pageGrey, td.pageRed, td.pageBlue, td.pageYellow, td.pageGreen
{
	font-size:70%;
}
.Content th
{
	font-weight: bold;
	text-align:left;
	font-size:70%;
}
.Content ul, .Content ol
{
	margin-bottom:7px;
	margin-top:10px;
}
.Content li
{
	margin-top:3px;
	line-height:130%;
}

ul.ListInTable
{
	margin-left:0px;
	margin-top:0px;
}
ul.ListInTable li
{
	margin-left:17px;
}

.Content h1
{
	margin-bottom:5px;
	margin-top:0px;
	font-size:medium;
	font-weight:bold;
}
.Content h2
{
	margin-bottom:5px;
	margin-top:15px;
	font-size:small;
	font-weight:bold;
	padding:2px;
}

.pageRed    h2 { border-top:solid 1px #FE5E1D; }
.pageBlue   h2 { border-top:solid 1px #3390DC; }
.pageYellow h2 { border-top:solid 1px #FFCA17; }
.pageGreen  h2 { border-top:solid 1px #76C735; }
.pageGrey   h2 { border-top:solid 1px #999999; }

/*
.pageRed    h2 { border-bottom:dashed 1px #FE5E1D; background-color:#FFF2ED; }
.pageBlue   h2 { border-bottom:dashed 1px #3390DC; background-color:#EFF6FC; }
.pageYellow h2 { border-bottom:dashed 1px #FFCA17; background-color:#FFFBED; }
.pageGreen  h2 { border-bottom:dashed 1px #76C735; background-color:#F4FBEF; }
.pageGrey   h2 { border-bottom:dashed 1px #999999; background-color:#eeeeee; }
*/

.Content h3
{
	margin-bottom:5px;
	margin-top:10px;
	font-size:x-small;
	font-weight:bold;
}
.pageRed    h3 { color:#CB4B17; }
.pageBlue   h3 { color:#2973B0; }
.pageYellow h3 { color:#CCA212; }
.pageGreen  h3 { color:#5E9F2A; }
.pageGrey   h3 { color:#666666; }

.Content h4
{
	margin-bottom:-2px;
	margin-top:10px;
	padding-left:15px;
	font-size:100%;
	font-weight:normal;
	font-style:italic;
}

.Content pre
{
	font-family:Monospace;
}

.Content pre.code
{
	margin-left:15px;
	margin-top:10px;
	margin-bottom:10px;
	font-family:Monospace;
	padding:5px;
	font-size:100%;
	background-color:FFFBED;
	border-left:dashed 1px #FFCA17;
	border-top:dashed 1px #FFCA17;
	border-bottom:dashed 1px #FFCA17;
}
.Content span.codeRed
{
	font-family:Monospace;
	color:Red;
}
.Content pre.codeScrollBars
{
	margin-left:15px;
	margin-top:10px;
	margin-bottom:10px;
	font-family:Monospace;
	padding:5px;
	font-size:100%;
	background-color:FFFBED;
	border-left:dashed 1px #FFCA17;
	border-top:dashed 1px #FFCA17;
	border-bottom:dashed 1px #FFCA17;
	width:400px;
	overflow:scroll;
}
.Content pre.codeScrollBars550
{
	margin-left:15px;
	margin-top:10px;
	margin-bottom:10px;
	font-family:Monospace;
	padding:5px;
	font-size:100%;
	background-color:FFFBED;
	border-left:dashed 1px #FFCA17;
	border-top:dashed 1px #FFCA17;
	border-bottom:dashed 1px #FFCA17;
	width:550px;
	overflow:scroll;
}
.Content p.codeCaption
{
	margin-left:15px;
	text-align:right;
	font-size:xx-small;
	margin-top:-19px;
	padding:2px 5px 2px 5px;
	background-color:ffffff;
	border-right:dashed 1px #FFCA17;
}

.Content hr
{
	margin-bottom:5px;
}
.Content td.pageRed, .Content td.pageBlue, .Content td.pageYellow, .Content td.pageGreen, .Content td.pageGrey
{
	padding:10px 15px 15px 15px;
}

tr.dataGridFooter td
{
	border-top:solid 1px #000000;
}

tr.dataGridHeader td
{
	color:#999999;
	border-bottom:solid 1px #cccccc;
	border-left:solid 0px #cccccc;
}
.pageRed    tr.dataGridSelectedItem td {  background-color:#FFF2ED; }
.pageBlue   tr.dataGridSelectedItem td {  background-color:#EFF6FC; }
.pageYellow tr.dataGridSelectedItem td {  background-color:#FFFBED; }
.pageGreen  tr.dataGridSelectedItem td {  background-color:#F4FBEF; }
.pageGrey   tr.dataGridSelectedItem td {  background-color:#eeeeee; }

.dataGrid td
{
	border-left:solid 1px #cccccc;
}
.dataGridPlainCell td, td.dataGridPlainCell
{
	border:solid 0px #ffffff;
	
}

.Content em
{
	font-weight:bold;
	font-style:normal;
}
.pageRed    em { color:#CB4B17; }
.pageBlue   em { color:#2973B0; }
.pageYellow em { color:#CCA212; }
.pageGreen  em { color:#5E9F2A; }

.Content blockquote
{
	font-size:100%;
	line-height:150%;
	margin-top:0px;
	font-style:italic;
	/*text-justify:auto;
	text-align:justify;*/
}
.Content small
{
	color:999999;
	font-size:102%;
}
.navRight small
{
	color:999999;
	font-size:102%;
}
.Content small.DiscussMessageSelected
{
	color:000000;
	font-size:102%;
}
.Content code
{
	font-family:Monospace;
	font-size:105%;
	border-bottom:dashed 1px #FFCA17;
	background-color:#ff0000;
	padding-left:2px;
	padding-right:2px;
}
.Content span.code
{
	font-family:Monospace;
	font-size:105%;
	border-bottom:dashed 1px #FFCA17;
	background-color:#FFFBED;
	padding-left:2px;
	padding-right:2px;
}

.Content code
{
	font-family:Monospace;
	font-size:105%;
	border-bottom:dashed 1px #FFCA17;
	background-color:#ff0000; 
	padding-left:2px;
	padding-right:2px;
}

/* Dark colours */
.dRed     { color:#CB4B17; }
.dBlue    { color:#2973B0; }
.dYellow  { color:#CCA212; }
.dGreen   { color:#5E9F2A; }
.dGrey    { color:#666666; }
.dWhite   { color:#000000; }

/* Mid colours */
.mRed     { color:#FE5E1D; }
.mBlue    { color:#3390DC; }
.mYellow  { color:#FFCA17; }
.mGreen   { color:#76C735; }
.mGrey    { color:#999999; }
.mWhite   { color:#000000; }

.mRedBack     { background-color:#FE5E1D; }
.mBlueBack    { background-color:#3390DC; }
.mYellowBack  { background-color:#FFCA17; }
.mGreenBack   { background-color:#76C735; }
.mGreyBack    { background-color:#999999; }
.mWhiteBack   { background-color:#ffffff; }


/* Light colours*/
.lRed   { color:#FFF2ED; }
.lBlue  { color:#EFF6FC; }
.lYellow{ color:#FFFBED; }
.lGreen { color:#F4FBEF; }
.lGrey  { color:#eeeeee; }
.lWhite { color:#ffffff; }

.lRedBack   { background-color:#FFF2ED; }
.lBlueBack  { background-color:#EFF6FC; }
.lYellowBack{ background-color:#FFFBED; }
.lGreenBack { background-color:#F4FBEF; }
.lGreyBack  { background-color:#eeeeee; }
.lWhiteBack { background-color:#ffffff; }


/*         LOGO, TAGLINE AND OTHER SPECIFIC SECTIONS
           =========================================        */

.tagLine1
{
	font-weight:bold;
	color:#FE5E1D;
	padding-left:4px;
}
.tagLine2
{
	font-weight:bold;
	color:#76C735;
}
.tagLine3
{
	font-weight:bold;
	color:#FFCA17;
}
.tagLine4
{
	font-weight:bold;
	color:#3390DC;
}
.tagLineOuter
{
	color:#999999;
	font-size:70%;
}
body h1.keywordH1
{
	border-top:solid 1px #999999;
	background-color: #ffffff; 
	background-repeat: no-repeat;
	padding-top:8px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:8px;
	background-image: url(gfx/nav-background-blue.jpg);
	position:absolute;
	visibility: visible;
	font-size:xx-small;
	font-weight:normal;
	z-index:100;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85) ;
}
body h1.keywordH1 a:hover     
{
	color:#2973B0;
}





/*         LINKS                          
           =====                                            */

a:link 
{
	color:#003399;
}
a:visited
{
	color:#003399;
}
a:hover 
{
	color:#ff0000; 
	TEXT-DECORATION: none;
}

.navWhite  .navWhite a:hover, .pageWhite  .navWhite a:hover,
.navGrey   .navWhite a:hover, .pageGrey   .navWhite a:hover,
.navRed    .navWhite a:hover, .pageRed    .navWhite a:hover,
.navYellow .navWhite a:hover, .pageYellow .navWhite a:hover,
.navGreen  .navWhite a:hover, .pageGreen  .navWhite a:hover,
.navBlue   .navWhite a:hover, .pageBlue   .navWhite a:hover,
.navWhite a:hover, .pageWhite a:hover   {color:#000000;}

.navWhite  .navGrey a:hover, .pageWhite  .navGrey a:hover,
.navGrey   .navGrey a:hover, .pageGrey   .navGrey a:hover,
.navRed    .navGrey a:hover, .pageRed    .navGrey a:hover,
.navYellow .navGrey a:hover, .pageYellow .navGrey a:hover,
.navGreen  .navGrey a:hover, .pageGreen  .navGrey a:hover,
.navBlue   .navGrey a:hover, .pageBlue   .navGrey a:hover,
.navGrey a:hover, .pageGrey a:hover     {color:#999999;}

.navWhite  .navRed a:hover, .pageWhite  .navRed a:hover,
.navGrey   .navRed a:hover, .pageGrey   .navRed a:hover,
.navRed    .navRed a:hover, .pageRed    .navRed a:hover,
.navYellow .navRed a:hover, .pageYellow .navRed a:hover,
.navGreen  .navRed a:hover, .pageGreen  .navRed a:hover,
.navBlue   .navRed a:hover, .pageBlue   .navRed a:hover,
.navRed a:hover, .pageRed a:hover       {color:#CB4B17;}

.navWhite  .navBlue a:hover, .pageWhite  .navBlue a:hover,
.navGrey   .navBlue a:hover, .pageGrey   .navBlue a:hover,
.navRed    .navBlue a:hover, .pageRed    .navBlue a:hover,
.navYellow .navBlue a:hover, .pageYellow .navBlue a:hover,
.navGreen  .navBlue a:hover, .pageGreen  .navBlue a:hover,
.navBlue   .navBlue a:hover, .pageBlue   .navBlue a:hover,
.navBlue a:hover, .pageBlue a:hover {color:#2973B0;}

.navWhite  .navYellow a:hover, .pageWhite  .navYellow a:hover,
.navGrey   .navYellow a:hover, .pageGrey   .navYellow a:hover,
.navRed    .navYellow a:hover, .pageRed    .navYellow a:hover,
.navYellow .navYellow a:hover, .pageYellow .navYellow a:hover,
.navGreen  .navYellow a:hover, .pageGreen  .navYellow a:hover,
.navBlue   .navYellow a:hover, .pageBlue   .navYellow a:hover,
.navYellow a:hover, .pageYellow a:hover {color:#CCA212;}

.navWhite  .navGreen a:hover, .pageWhite  .navGreen a:hover,
.navGrey   .navGreen a:hover, .pageGrey   .navGreen a:hover,
.navRed    .navGreen a:hover, .pageRed    .navGreen a:hover,
.navYellow .navGreen a:hover, .pageYellow .navGreen a:hover,
.navGreen  .navGreen a:hover, .pageGreen  .navGreen a:hover,
.navBlue   .navGreen a:hover, .pageBlue   .navGreen a:hover,
.navGreen a:hover, .pageGreen a:hover   {color:#5E9F2A;}



/*         NAVIGATION AND PAGE BACKGROUNDS
           ===============================                  */



/*
.navWhite img.image, .pageWhite img.image   {border: solid 1px #ffffff;}
.navGrey img.image, .pageGrey img.image     {border: solid 1px #999999;}
.navRed img.image, .pageRed img.image       {border: solid 1px #FE5E1D;}
.navBlue img.image, .pageBlue img.image     {border: solid 1px #3390DC;}
.navYellow img.image, .pageYellow img.image {border: solid 1px #FFCA17;}
.navGreen img.image, .pageGreen img.image   {border: solid 1px #76C735;}
*/
img.image 
{ 
	margin-left:10px; 
	margin-bottom:10px; 
	border:solid 1px black;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#cccccc, offX=3, offY=3);
}
img.imageNoBorder
{ 
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#cccccc, offX=3, offY=3);
}
img.imageNoMargin
{ 
	border:solid 1px black;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#cccccc, offX=3, offY=3);
}
img.imageNav 
{ 
	margin-right:7px; 
	margin-left:-2px; 
	margin-bottom:-2px;
	/*border:solid 1px black;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#cccccc, offX=3, offY=3);*/
}

.navWhite, .navGrey, .navRed, .navBlue, .navYellow, .navGreen
{
	border-top:solid 1px #999999;
	background-color: #ffffff; 
	background-repeat: no-repeat;
	padding-top:6px;
	padding-left:8px;
	padding-right:0px;
}
.navRight .navWhite, .navRight .navGrey, .navRight .navRed, .navRight .navBlue, .navRight .navYellow, .navRight .navGreen
{
	border-left:solid 1px #999999;
}
.navWhite p, .navGrey p, .navRed p, .navBlue p, .navYellow p, .navGreen p
{
	margin-right:5px;
}
.navLeftSub 
{
	margin-top:8px;
	border-left:solid 1px #999999;
}
.navGrey   { background-image: url(gfx/nav-background-grey.jpg);  }
.navRed    { background-image: url(gfx/nav-background-red.jpg);   }
.navBlue   { background-image: url(gfx/nav-background-blue.jpg);  }
.navYellow { background-image: url(gfx/nav-background-yellow.jpg);}
.navGreen  { background-image: url(gfx/nav-background-green.jpg); }

.pageWhite, .pageGrey, .pageRed, .pageBlue, .pageYellow, .pageGreen
{
	border-top:solid 1px #999999;
	border-left:solid 1px #999999;
	background-color: #ffffff; 
	background-repeat: no-repeat;
}
.pageGrey  { background-image: url(gfx/page-background-grey.jpg);   }
.pageRed   { background-image: url(gfx/page-background-red.jpg);    }
.pageBlue  { background-image: url(gfx/page-background-blue.jpg);   }
.pageYellow{ background-image: url(gfx/page-background-yellow.jpg); }
.pageGreen { background-image: url(gfx/page-background-green.jpg);  }

.navLeft h1
{
	font-size:xx-small;
	font-weight:normal;
	margin-top:1px;
	margin-bottom:1px;
	margin-right:5px;
}
.navLeft p
{
	margin-top:1px;
	margin-bottom:2px;
	margin-right:5px;
	line-height:120%;
	font-size:xx-small;
}

.navRight .headLink
{ 
	font-size:110%;
	line-height:160%;
}
.navLeft .headLink, .navLeft .headLinkBold
{ 
	font-size:105%;
}
.navLeft .headLinkBold
{
	font-weight:bold;
}
.navRight td
{
	line-height:125%;
}
.navRight p
{
	margin-top:3px;
	margin-bottom:4px;
	margin-right:5px;
	line-height:120%;
	font-size:xx-small;
}

.Content .navWhite p, .Content .navGrey p, .Content .navRed p, .Content .navBlue p, .Content .navYellow p, .Content .navGreen p
{
	margin-top:1px;
	margin-bottom:2px;
	margin-right:5px;
	margin-left:-10px;
	line-height:130%;
	/*font-size:xx-small;*/
}








/*         QuickAdmin specific STYLES                
           ==========================                       */

p.QuickAdminDemo
{
	background-color:ffffff;
	padding:5px;
	margin-left:15px;
	margin-right:30px;
}

.date {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-WEIGHT: normal; FONT-SIZE: 7pt; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; FONT-FAMILY: verdana; HEIGHT: 12px; BACKGROUND-COLOR: #efefef;
}
.datew {
	BORDER-RIGHT: 
	medium none; BORDER-TOP: medium none; FONT-WEIGHT: normal; FONT-SIZE: 7pt; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; FONT-FAMILY: verdana; HEIGHT: 12px;
}
.QuickAdmin table th, table.QuickAdmin th
{
	background-color:#cccccc;
	padding-right:5px;
	padding-left:5px;
	font-size:80%;
}
.QuickAdmin td.footer, .QuickAdmin td.Message 
{
	background-color:#cccccc;
	padding-right:5px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
}
table.QuickAdminResults td
{
	padding-right:15px;
	padding-left:5px;
	padding-top:1px;
	padding-bottom:1px;
}
.QuickAdmin td.lefttitle
{
	text-align:right;
	vertical-align:top;
	padding-right:10px;
	padding-left:5px;
	padding-top:1px;
	padding-bottom:1px;
}
.QuickAdmin td.rightvalues
{
	padding-right:5px;
	padding-top:1px;
	padding-bottom:1px;
}
.QuickAdminResultsAlternatingItemStyle
{
	background-color:f0f0f0;
}
.QuickAdminHeaderStyle
{
	font-weight:bold;
	background-color:f0f0f0;
	border-top:solid 10px #cccccc;
	padding-bottom:10px;
}
table.QuickAdminResults
{
	
}
table.QuickAdmin
{
	border:solid 1px #999999;
	background-color:#f5f5f5;
	margin-top:15px;
	margin-bottom:15px;
}
.QuickAdmin a:link, .QuickAdmin a:visited
{
	color:#0033aa;
	text-decoration:none;
}
.QuickAdmin a:hover 
{
	color:#ff0000;
	text-decoration:underline;
}



TABLE.FeatureTable TH
{
	text-align:center;
}

TABLE.FeatureTable TD.TickCell
{
	text-align:center;
	background-color:ffffff ! important;
}
TABLE.FeatureTable TR.EvenRow TD, TABLE.FeatureTable TR.EvenRowMid TD
{
	background-color:fcfcfc;
	padding-left:15px;
}
TABLE.FeatureTable TR.EvenRow TH, TABLE.FeatureTable TR.EvenRowMid TH
{
	background-color:fcfcfc;
	text-align:left;
	
}
TABLE.FeatureTable TR.OddRow TD, TABLE.FeatureTable TR.OddRowMid TD
{
	background-color:f9f9f9;
	padding-left:15px;
}
TABLE.FeatureTable TR.OddRow TH, TABLE.FeatureTable TR.OddRowMid TH
{
	background-color:f9f9f9;
	text-align:left;
}

TABLE.FeatureTable TR.EvenRow TD
{
	border-top:solid 1px #cccccc;
}
TABLE.FeatureTable TR.EvenRow TH
{
	border-top:solid 1px #bbbbbb;
	padding:3px;
}
TABLE.FeatureTable TR.OddRow TD
{
	border-top:solid 1px #cccccc;
}
TABLE.FeatureTable TR.OddRow TH
{
	border-top:solid 1px #bbbbbb;
}
TABLE.FeatureTable TH.TickCell
{
	text-align:center !important;
}


TABLE.QuickAdminHomeFeaturesTable TD.TextCell
{
	padding-left:5px;
}