/* combination of "css.css" and "css_tutorials.css" */

body{background-color:#fff;margin:0;padding:0}
.Center{text-align:center}
.Spacer{
	clear:both;
	font-size:1px;
	margin:0px;
	padding:0px
}
#PrintFrame-container{text-align:center}

#PrintFrame{margin:0 auto;width:600px}
#PrintFrame .PrintBtn{
	text-align:right
}
#PrintFrame .PrintBtn img{
	margin-top:10px
}

/* create_website */

#tutorial-container{
	text-align:center
}

#tutorial-container h1{
	font:bold 110% Arial, Helvetica, sans-serif;
	color:#fda30a;
	margin:0px;
	text-align:center
}
#tutorial-container h2 {
	font:bold 105% Arial, Helvetica, sans-serif;
	color:#fda30a;
	margin:0px;
	text-align:center
}
#tutorial-container h3{
	color:#48a2c0;
	font:bold 80% Tahoma, Verdana, Helvetica, sans-serif;
	margin:0px
}
#tutorial-container h4{
	color:#fda30a;
	font:bold 70% Tahoma, Verdana, Helvetica, sans-serif;
	margin:0px
}
#tutorial-container .Spacer30{
	clear:both;
	font-size:1px;
	margin:0px;
	padding:0px;
	height:30px;
}
#tutorial-container .Spacer10{
	clear:both;
	font-size:1px;
	margin:0px;
	padding:0px;
	height:10px;
}
#tutorial-container .Spacer15{
	clear:both;
	font-size:1px;
	margin:0px;
	padding:0px;
	height:15px;
}
#tutorial-container .Spacer5{
	clear:both;
	font-size:1px;
	margin:0px;
	padding:0px;
	height:5px;
}
#tutorial-container .Spacer20{
	clear:both;
	font-size:1px;
	margin:0px;
	padding:0px;
	height:20px;
}
#tutorial-container .Spacer25{
	clear:both;
	font-size:1px;
	margin:0px;
	padding:0px;
	height:25px;
}
#tutorial-container .Center{
	text-align:center
}

 #tutorial-container .MainText{
	color:#56596c;
	font:normal 80% Tahoma, Verdana, Helvetica, sans-serif;
	text-align:justify;
}
#tutorial-container A.MainText:link, #tutorial-container A.MainText:visited {color:#56596c;text-decoration:underline;}
#tutorial-container A.MainText:hover {color:#56596c;text-decoration:none;}
 /* Globals .MainText P*/
#tutorial-container .MainText a.MainText, #tutorial-container .MainText1 a.MainText {font-size:100%}
#tutorial-container .MainText a.WaterText, #tutorial-container .MainText1 a.WaterText {font-size:100%}
#tutorial-container .MainText a:link, #tutorial-container .MainText a:visited{color:#56596c;text-decoration:underline;}
#tutorial-container .MainText a:hover{color:#56596c;text-decoration:none;}

#tutorial-container .WaterTitle80{
	color:#48a2c0;
	font:bold 80% Tahoma, Verdana, Helvetica, sans-serif;
	text-align:justify;
}
#tutorial-container A.WaterTitle80:link,  #tutorial-container A.WaterTitle80:visited { color:#48a2c0;text-decoration:underline;}
#tutorial-container A.WaterTitle80:hover { color:#48a2c0;text-decoration:none;}

#tutorial-container .Left{
	text-align:left
}

#tutorial-container p, ul, ol{
	color:#56596c;
	font:normal 80% Tahoma, Verdana, Helvetica, sans-serif;
	text-align:justify;
}
#tutorial-container ol a:link, #tutorial-container ol a:visited, #tutorial-container ol a:hover{font-size:100%}
#tutorial-container p a:link, #tutorial-container p a:visited {color:#48a2c0;text-decoration:underline;;font-size:100%}
#tutorial-container p a:hover {color:#48a2c0;text-decoration:none;font-size:100%}

#tutorial-container ul{
	list-style-image:url(img/bullet1.gif)
}
#tutorial-container ul p{
	font-size:100%
}
#tutorial-container .WaterColor{
	color:#48a2c0
}
/* */
#tutorial-container .copyright, .copyright {
	font:italic 70% Arial, Helvetica, sans-serif;
	color:#999;
	text-align:center
}
#tutorial-container .copyright a:link{color:#999;text-decoration:underline}
#tutorial-container .copyright a:visited{color:#999;text-decoration:underline}
#tutorial-container .copyright a:hover{color:#999;text-decoration:none}

#tutorial-container .WaterText{
	color:#48a2c0;
	font:80% Tahoma, Verdana, Helvetica, sans-serif;
}
#tutorial-container A.WaterText:link, #tutorial-container A.WaterText:visited{ color:#48a2c0;text-decoration:underline;}
#tutorial-container A.WaterText:hover { color:#48a2c0;text-decoration:none;}

#tutorial-container .OrangeTitle80{
	color:#fda30a;
	font:bold 80% Tahoma, Verdana, Helvetica, sans-serif;
}
#tutorial-container A.OrangeTitle80:link, #tutorial-container A.OrangeTitle80:visited { color:#fda30a;text-decoration:underline;}
#tutorial-container A.OrangeTitle80:hover { color:#fda30a;text-decoration:none;}

#tutorial-container HR { color:#e2e2e2; background:#e2e2e2; border-top:1px solid #e2e2e2;border-bottom:0; height:1px; }

#tutorial-container .Box3 .TopRow, #tutorial-container .Box3 .BottomRow {
	height:5px;
	width:100%;

}
#tutorial-container .Box3 .TopRow .Left{
	background:url(img/box3_top1.gif) 0px 0px no-repeat;
	width:5px;
}
#tutorial-container .Box3 .TopRow .Right{
	background:url(img/box3_top2.gif) 0px 0px no-repeat;
	width:5px;
}
#tutorial-container .Box3 .TopRow .Mid{
	background-color:#ffffe1;
	border-top:1px solid #fee5a7;
	font-size:1px;
}
#tutorial-container .Box3 .MidRow {
	background:url(img/yellow_bg2.gif) 0px 0px repeat-x;
	border-left:1px solid #fee5a7;
	border-right:1px solid #fee5a7;
	width:100%;
	margin:0;
}

#tutorial-container .Box3 .BottomRow .Left{
	background:url(img/box3_bottom1.gif) 0px 0px no-repeat;
	width:5px;
}
#tutorial-container .Box3 .BottomRow .Right{
	background:url(img/box3_bottom2.gif) 0px 0px no-repeat;
	width:5px;
}
#tutorial-container .Box3 .BottomRow .Mid{
	background-color:#ffffff;
	border-bottom:1px solid #fee5a7;
	font-size:1px;
}

#tutorial-container .Box3 .MidRow .Title{
	font-size:100%;
	padding-left:55px;
	padding-top:8px;
	padding-bottom:3px
}
#tutorial-container .Description{
	font:70% Verdana, Tahoma, Helvetica, sans-serif;
	color:#56596c;
	text-align:justify
}
#tutorial-container .Note, .Note{
	font:italic 70% Arial, Helvetica, sans-serif;
	text-align:left;
	color:#999999;
}
#tutorial-container .Red {color:#fd5a0a}

#tutorial-container .OrangeColor{
	color:#fda30a
}
/* getting_started*/
#tutorial-container ul.page-contents{
	text-align:justify;
	font-family:Tahoma, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#48a2c0;
	margin-bottom:5px
}
#tutorial-container ul.page-contents a:link{
	color:#48a2c0;
	text-decoration:none
}
#tutorial-container ul.page-contents a:visited{
	color:#48a2c0;
	text-decoration:none
	}
#tutorial-container ul.page-contents a:hover{
	color:#48a2c0;
	text-decoration:underline
	}
#tutorial-container ul.page-contents li{
	padding:0 0 5px 0;
	list-style-image:url(img/bullet3.gif)
}	
#tutorial-container .ImportantNote{
	background:url(img/important.gif) left top no-repeat;
	padding-left:47px
}
#tutorial-container .Bullet{
	color:#7378a6;
	margin-top:2px;
	margin-bottom:2px;
	padding-left:7px;
	background:url(img/bullet1.gif) left center no-repeat;
	text-align:left;
	font:bold 70% Tahoma, Verdana, Helvetica, sans-serif;
}
#tutorial-container .Bullet a:link, #tutorial-container .Bullet a:visited{color:#7378a6;text-decoration:none}

#tutorial-container .Bullet a:hover{color:#7378a6;text-decoration:underline}

#tutorial-container .ContentsBlock{
	padding-left:30px
}
/* ************************************************************************** */
/* the rest (from css.css)*/

.MainText8 {
	font-family:tahoma, sans-serif;
	font-size:80%;
	color:#56596C;
	text-align:justify;
	text-decoration:none;
}
.MainText88 {
	font-family:tahoma, sans-serif;
	font-size:80%;
	color:#56596C;
	font-weight:bold;
	text-decoration:none;
}
.MainText888 {
	font-family:tahoma, sans-serif;
	font-size:70%;
	color:#48a2c0;
	font-weight:bold;
	text-decoration:none;
}
.tName {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fd9a0a;
	font-size:80%;
	font-weight:bold;
	line-height:100%;
	text-decoration:none;

}
#tutorials-content{
	display:inline;
}

#tutorials-content H1 {
	font:bold 110% Arial, Helvetica, sans-serif;
	color:#fda30a;
	text-align:center;
	padding:10px 0px 4px 0px;
	margin:0 0 15px 0;
	border-bottom:1px solid #e2e2e2
}

#tutorials-content H2 {
	color:#48a2c0;
	font:bold 80% Tahoma, Verdana, Helvetica, sans-serif;
	padding:10px 0px;
	margin:0px;
	text-align:center
}
#tutorials-content H2 a:link, #tutorials-content H2 a:visited{
	color:#48a2c0;
	text-decoration:underline
}
#tutorials-content H2 a:hover{
	color:#48a2c0;
	text-decoration:none
}

#tutorials-content .url{
	font-family: 'Courier New',Courier,monospace; 
	font-size: 10pt;
}

#tutorials-content .source{

	font-family: 'Courier New',Courier,monospace; 
	font-size: 10pt;
	padding:10px;
	background-color:#f9f9f9;
	border:1px solid #ececec;
}		
#tutorials-content .note{
	font-family:Arial, Helvetica, sans-serif;
}
#tutorials-content .Title {
	font-family:tahoma, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#6E73A3;
	font-weight:bold;
}

#tutorials-content .TitleRed{
	font-family:tahoma, sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#ff0000;
	font-weight:bold;
}



#tutorials-content .ttext1{
	color:#48a2c0;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size:90%;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
#tutorials-content a.ttext1:link{
	color:#48a2c0;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size:70%;
	font-weight:bold;
	text-decoration:none;
}

#tutorials-content a.ttext2{
	font-family:Arial, Helvetica, sans-serif;
	color:#7478a7;
	font-size:75%;
	font-weight:bold;
	line-height:100%;
	text-decoration:none;
}

#tutorials-content a,a.ttext2:link { 
 	color:#7478a7;
 	text-decoration:none;
}

#tutorials-content a,a.ttext2:visited {
	color:#7478a7;
	text-decoration:none;
}
#tutorials-content a,a.ttext2:active {
	color:#7478a7;
	text-decoration:none; 
}
#tutorials-content a,a.ttext2:hover {
	color:#7478a7;
	text-decoration:underline; 
}
#tutorials-content p {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#56596c;
	background-color:transparent;
	font-size:75%;
}
#tutorials-content p a:link, #tutorials-content p a:visited{
	color:#48a2c0;
	text-decoration:underline
}
#tutorials-content p a:hover{
	color:#48a2c0;
	text-decoration:none
}
 #tutorials-content ul li{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#56596c;
	background-color:transparent;
	font-size:100%;
	text-align:justify;
	list-style: url(https://www.siteground.com/img/bullet7.gif);
	padding-bottom:5px
}
#tutorials-content ul li a:link, #tutorials-content ul li a:visited{
	color:#48a2c0;
	text-decoration:underline
}
#tutorials-content ul li a:hover {
	color:#48a2c0;
	text-decoration:none
}
#tutorials-content ul.contents li{
	font: normal 75% Tahoma, Verdana, Helvetica, sans-serif;
	list-style: url(https://www.siteground.com/img/bullet9.gif);
}
#tutorials-content ul.contents p{font-size:100%}
.copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:70%;
	color:#999999;
}
.copyright a:link{color:#999;text-decoration:underline}
.copyright a:visited{color:#999;text-decoration:underline}
.copyright a:hover{color:#999;text-decoration:none}

.Bold {
	color:#56596c;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size:80%;
	font-weight:bold;
}


/* ===============================================================  */

#tutorials-content a,a:link { 
 	color:#336699;
 	text-decoration:none;
}

#tutorials-content a,a:visited {
	color:#336699;
	text-decoration:none;
}
#tutorials-content a,a:active {
	color:#336699;
	text-decoration:none; 
}
#tutorials-content a,a:hover {
	color:#336699;
	text-decoration:underline; 
}
/* ===============================================================  */

#tutorials-content hr {
	color:#e2e2e2; 
	background:#e2e2e2; 
	border:0; 
	height:1px;
}

/* Menu */
#tutorial-menu .menutext{
	font-family:Tahoma, Verdana, Helvetica, sans-serif;
	font-size:70%;
	text-decoration:none;
	color:#6E73A3;
	font-weight:bold;
}

#tutorial-menu a.menutext:link { 
 	color:#7478a7;
 	text-decoration:none;
}

#tutorial-menu a.menutext:visited {
	color:#7478a7;
	text-decoration:none;
}
#tutorial-menu a.menutext:active {
	color:#7478a7;
	text-decoration:none; 
}
#tutorial-menu a.menutext:hover {
	color:#7478a7;
	text-decoration:underline; 
}
 .Title{
	font-family:tahoma, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#6E73A3;
	font-weight:bold;
}

 .TitleW{
	font-family:tahoma, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#48A2C0;
	font-weight:bold;
}

#tgallery a.OrangeTitle3, #tgallery a.OrangeTitle3:link, #tgallery a.OrangeTitle3:hover,
.tgallery a.OrangeTitle3, .tgallery a.OrangeTitle3:link , .tgallery a.OrangeTitle3:hover
 {
	font-family:tahoma, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FB8A00;
	padding:2px 0 2px 0;
	text-decoration:none;
}


/* ================================================================================*/

#ttable, .ttable {
   font-family:tahoma, sans-serif;
	font-size:8pt;
		color:#56596C;
	
}
/* END Menu */

#templates-txt .WaterTitle{
	font-family:tahoma, sans-serif;
	font-size:9pt;
	color:#48A2C0;
	font-weight:bold;
	text-align:center;
}

#tutorials-content .Box3 .TopRow, #tutorials-content .Box3 .BottomRow {
	height:5px;
	width:100%;

}
#tutorials-content .Box3 .TopRow .Left{
	background:url(img/box3_top1.gif) 0px 0px no-repeat;
	width:5px;
}
#tutorials-content .Box3 .TopRow .Right{
	background:url(img/box3_top2.gif) 0px 0px no-repeat;
	width:5px;
}
#tutorials-content .Box3 .TopRow .Mid{
	background-color:#ffffe1;
	border-top:1px solid #fee5a7;
	font-size:1px;
}
#tutorials-content .Box3 .MidRow {
	background:url(img/yellow_bg2.gif) 0px 0px repeat-x;
	border-left:1px solid #fee5a7;
	border-right:1px solid #fee5a7;
	width:100%;
	margin:0;
}

#tutorials-content .Box3 .BottomRow .Left{
	background:url(img/box3_bottom1.gif) 0px 0px no-repeat;
	width:5px;
}
#tutorials-content .Box3 .BottomRow .Right{
	background:url(img/box3_bottom2.gif) 0px 0px no-repeat;
	width:5px;
}
#tutorials-content .Box3 .BottomRow .Mid{
	background-color:#ffffff;
	border-bottom:1px solid #fee5a7;
	font-size:1px;
}

#tutorials-content .Box3 .MidRow .Title{
	font-size:100%;
	padding-left:55px;
	padding-top:8px;
	padding-bottom:3px
}
#tutorials-content .Box3 .Bullet{
	color:#7378a6;
	margin-top:2px;
	margin-bottom:2px;
	padding-left:7px;
	background:url(img/bullet1.gif) left center no-repeat;
	text-align:left;
	font:bold 70% Tahoma, Verdana, Helvetica, sans-serif;
}
#tutorials-content .Box3 .Bullet a:link, #tutorials-content .Box3 .Bullet a:visited{color:#7378a6;text-decoration:none}

#tutorials-content .Box3 .Bullet a:hover{color:#7378a6;text-decoration:underline}

#tutorials-content .Box3 hr{width:97%;color:#fee5a7; background:#fee5a7; border:0; height:1px;}

#tutorials-content .Box3 .MidRow table {width:100%}
#tutorials-content .Box3 .MidRow table td{width:25%}
#tutorials-content .Box3 .category{padding-left:10px;font:bold 70% Tahoma, Verdana, Helvetica, sans-serif;}
#tutorials-content .Box3 .category a:link, #tutorials-content .Box3 .category a:visited{color:#48a2c0;text-decoration:underline}
#tutorials-content .Box3 .category a:hover{color:#48a2c0;text-decoration:none}

/* tutorials index */

#tutorials-content .soft_category{
	width:100%;
	border:1px solid #fee5a7;
	background:url(img/yellow_bg.gif)
}
#tutorials-content .soft_category td{
	width:25%
}

#tutorials-content .soft_category {
	font:bold 70% Tahoma, Verdana, Helvetica, sans-serif;
}
#tutorials-content .soft_category  a:link, #tutorials-content .soft_category  a:visited{
	color:#7378a6;
	text-decoration:none;
	padding-left:7px;
	background:url(img/bullet1.gif) left center no-repeat;
}
#tutorials-content .soft_category a:hover{
	color:#7378a6;
	text-decoration:underline;
	padding-left:7px;
	background:url(img/bullet1.gif) left center no-repeat;
}


#tutorials-content .soft_category  .title{
	padding-left:10px;
	font-size:100%;
}
#tutorials-content .soft_category .title a:link, #tutorials-content .soft_category .title a:visited{
	color:#48a2c0;
	text-decoration:none;
	background:none
}
#tutorials-content .soft_category .title a:hover{
	color:#48a2c0;
	text-decoration:underline;
	background:none
}

#tutorials-content .tutorials_description{
	width:100%;
	font:normal 70% Tahoma, Verdana, Helvetica, sans-serif;
	text-align:justify
}
#tutorials-content .tutorials_description .name{
	width:25%;
	text-align:left;
	padding-left:0
}
#tutorials-content .tutorials_description a:link, #tutorials-content .tutorials_description a:visited{
	color:#48A2C0;
	text-decoration:underline
}
#tutorials-content .tutorials_description a:hover{
	color:#48A2C0;
	text-decoration:none
}
#tutorials-content .tutorials_description .name a:link, #tutorials-content .tutorials_description .name a:visited, #tutorials-content .tutorials_description .name a:hover{
	background:url(img/bullet9.gif) left center no-repeat;
	padding-left:15px;
	font-size:120%
}

/* --- */
.down_agree {
	color:#336699;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size:10px;
}
/* ------------------------------------------------ */
#dropdown input, select, textarea
{
	margin: 0;
	font-family: verdana, arial, hevetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
}

#dropdown optgroup {
font-style: normal;
font-family: verdana, arial, hevetica, sans-serif;
font-size: 9px;
text-decoration: none;
}

#dropdown .orange
{
	background: #F8A23A;
	color: white;
}

#dropdown .green
{
	background: #8DC54C;
	color: white;
}

#dropdown .gray
{
	background: #CAC6BA;
	color: white;
}

#dropdown .orange2
{
	color: #F8A23A;
}

#dropdown .green2
{
	color: #8DC54C;
}

#dropdown .normal
{
	font-weight: normal;
}
.JoomlaTemplatesBanner{
	background:url(img/joomla_templates_banner_bg.gif) repeat-x;
	border:1px dotted #bbbbbb;
	height:84px
}
.JoomlaTemplatesBanner .Banner{
	background:url(images/template_customize_banner.jpg) left center no-repeat;
	height:84px;
	text-align:right;
	padding-right:15px
}
.JoomlaTemplatesBanner .Banner1{
	background:url(images/template_customize_banner.gif) left center no-repeat;
	height:84px;
	text-align:right;
	padding-right:15px
}
.JoomlaTemplatesBanner .Slogan{
	padding-top:18px;
	font-size:120%
}
#tutorials-content .JoomlaTemplatesBanner .Banner .Slogan h5 a:link, #tutorials-content .JoomlaTemplatesBanner .Banner .Slogan h5 a:visited{
	color:#48a2c0;
	text-decoration:none
}
#tutorials-content .JoomlaTemplatesBanner .Banner .Slogan h5 a:hover{
	color:#48a2c0;
	text-decoration:underline
}
H5 {
	font:bold 100% Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
H5 a:link, H5 a:visited {
	color:#48a2c0;
	text-decoration:none
}
H5 a:hover {
	color:#48a2c0;
	text-decoration:underline;
}

.JoomlaAddonsBox .Title{
	text-align:left;
	padding:5px 18px;
	background-color:#ffffe4;
	border:solid 1px #e2e2e2;
	font-size:120%
	
}
.JoomlaAddonsBox .Addon-container{
	border-left:solid 1px #e2e2e2;
	border-right:solid 1px #e2e2e2;
	border-bottom:solid 1px #e2e2e2;
	text-align:left
}
.JoomlaAddonsBox table{
	width:98%
}
.JoomlaAddonsBox table td.FirstCol{
	width:70%;
	padding:10px 18px
}

.JoomlaAddonsBox table td.SecondCol{
	padding:10px 5px;
	text-align:center
}
.JoomlaAddonsBox .HowTo{
	background:url(img/icon_question.gif) left top no-repeat;
	padding-left:20px;
	height:14px
	
}
.JoomlaAddonsBox .MoreInfo{
	background:url(img/arrow2.gif) 0px 3px no-repeat;
	padding-left:20px;
	height:14px;
	margin-top:10px
}

.JoomlaAddonsBox hr{
	margin:3px 20px;
	padding:0px
}
.temtitle {
	color:#666666;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.tempuse {
	color:#336699;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;	
}

/* website promotion */
.WebpromotionTab{
	width:170px;
	margin:0 auto;
	text-align:left
}
.WebpromotionTab .Top{
	background:url(img/webpromotion_top.gif) 0px 0px no-repeat;
	text-align:center;
	height:43px;
}
.WebpromotionTab .Mid{
	border-left:1px solid #a9d3e1;
	border-right:1px solid #a9d3e1;
	font-size:70%;
	height:90px;
}
.WebpromotionTab .Mid div.Link{
	background:url(img/bullet8.gif) 12px 3px no-repeat;
	padding-left:28px;
	margin:2px 0px
}
.WebpromotionTab .Bottom{
	background:url(img/webpromotion_bottom.gif) 0px 0px no-repeat;
	text-align:center;
	height:8px;
}
.BlueTab{
	background:url(img/blue_tab_bg.gif) 0px 0px no-repeat;
	padding-top:18px;
	text-align:center;
	height:63px;
	width:163px;
	margin:0 auto
}
.BlueTab1{
	background:url(img/blue_tab_bg1.gif) 0px 0px no-repeat;
	padding-top:18px;
	text-align:center;
	height:63px;
	width:123px;
	margin:0 auto
}
.BlueTab a, .BlueTab1 a{
	font:bold 70% Tahoma, Verdana, Helvetica, sans-serif;
	color:#7478a7;
	text-decoration:none
}

.BlueTab a:hover,.BlueTab1 a:hover{
	text-decoration:underline
}
.CheckThisBox-container{
	width:80%;
	background:url(img/check_this_bg1.gif) bottom repeat-x;
	margin:0 auto;	


}
.CheckThisBox{
	background:url(img/check_this_bg.gif) center top no-repeat;
	padding-top:30px;
	padding-bottom:15px;
	margin:0px 20px 0px 20px
	
}

#pagenumnav {
font: 11px Tahoma, Arial, sans-serif;
font-weight:bold;
width: 100%;
text-align: center;
}
#pagenumnav a.nav1 {
border:1px solid #cccccc;
color: #7478a7;
padding: 2px 6px 3px 6px;
}
#pagenumnav a.nav1:hover {
border:1px solid #cccccc;
color: #fb8a00;
padding: 2px 6px 3px 6px;
}
#pagenumnav a.nav2 {
border:1px solid #cccccc;
color: fb8a00;
padding: 2px 6px 3px 6px;
}
#pagenumnav a.nav2:hover {
border:1px solid #cccccc;
color: #ff6600;
padding: 2px 6px 3px 6px;
}
.Reasons4Box{
	border:1px solid #e2e2e2
}
.Reasons4Box .OrangeTitle1{
	color:#fda30a;
	font:bold 80% Tahoma, Verdana, Helvetica, sans-serif;
}


/* videotutorial */
#videotutorial {
	width:560px;
	margin:0 auto;
	text-align:left;
	display:block;
}

#vtutorial {
	width:100%;
	margin:0 auto;
	text-align:center;
}

#videotutorial .top {
	background:url(img/t-video-frame-top.jpg) top left no-repeat;
	width:560px;
	height:3px;
	font-size:1px;
}

#videotutorial .middle {
	background:url(img/t-video-frame-middle.jpg) top left repeat-y;
	width:560px;
}

#videotutorial .bottom {
	background:url(img/t-video-frame-bottom.jpg) top left no-repeat;
	width:560px;
	height:3px;
	font-size:1px;
}

#videotutorial .video {
	background:url(img/t-video-frame-video.jpg) top left no-repeat;
	width:36px;
	height:36px;
	margin:1px;
	float:left;
}

#videotutorial .text {
	float:left;
}


#videotutorial p {
	margin:0;
	padding:4px 4px;
}
#tutorial-container .InfoTable{
	border:1px solid #e2e2e2
}
#tutorial-container .InfoTable .Title{
	border-bottom:1px solid #e2e2e2;
	background-color:#f3f9fc;
	color:#56596C
}
#tutorial-container .mini_guide_bar{
	margin:0 auto
}
#tutorial-container .mini_guide_bar a{
	display:block;
	width:103px;
	height:70px;
	text-decoration:none;
	outline:none
}
#tutorial-container .mini_guide_bar a.cust_area{
	background:url(knox/tutorials/uploaded_images/images/getting_started/customer_area_arrow.gif) no-repeat
}
#tutorial-container .mini_guide_bar a.cust_area:hover{
	background:url(knox/tutorials/uploaded_images/images/getting_started/customer_area_arrow2.gif) no-repeat
}
#tutorial-container .mini_guide_bar a.new_website{
	background:url(knox/tutorials/uploaded_images/images/getting_started/start_new_arrow.gif) no-repeat;
	width:138px;
	height:35px
}
#tutorial-container .mini_guide_bar a.new_website:hover{
	background:url(knox/tutorials/uploaded_images/images/getting_started/start_new_arrow2.gif) no-repeat
}
#tutorial-container .mini_guide_bar a.email_account{
	background:url(knox/tutorials/uploaded_images/images/getting_started/email_account_arrow.gif) no-repeat
}
#tutorial-container .mini_guide_bar a.email_account:hover{
	background:url(knox/tutorials/uploaded_images/images/getting_started/email_account_arrow2.gif) no-repeat
}
#tutorial-container .mini_guide_bar a.get_support{
	background:url(knox/tutorials/uploaded_images/images/getting_started/get_support_arrow.gif) no-repeat
}
#tutorial-container .mini_guide_bar a.get_support:hover{
	background:url(knox/tutorials/uploaded_images/images/getting_started/get_support_arrow2.gif) no-repeat
}
#tutorial-container .mini_guide_bar a.extra_features{
	background:url(knox/tutorials/uploaded_images/images/getting_started/extra_features_arrow.gif) no-repeat
}
#tutorial-container .mini_guide_bar a.extra_features:hover{
	background:url(knox/tutorials/uploaded_images/images/getting_started/extra_features_arrow2.gif) no-repeat
}
#tutorial-container .mini_guide_bar a.transfer_website{
	background:url(knox/tutorials/uploaded_images/images/getting_started/transfer_arrow.gif) no-repeat;
	width:138px;
	height:35px
}
#tutorial-container .mini_guide_bar a.transfer_website:hover{
	background:url(knox/tutorials/uploaded_images/images/getting_started/transfer_arrow2.gif) no-repeat
}
#tutorials-content .video_box{
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	padding:5px 0 5px 0;
	color:#56596c;
	font:normal 80% Tahoma, Verdana, Helvetica, sans-serif;
	margin:5px 0
}
#tutorials-content .video_box img{
	margin-right:10px;
	margin-top:3px;
	vertical-align:middle
}
#tutorials-content .video_box a:link, #tutorials-content .video_box a:visited{
	color:#FDA30A;
	font-weight:bold;
	text-decoration:underline
}
#tutorials-content .video_box a:hover{
	text-decoration:none
}
#tutorial-container .tutorial_box{
	width:100%;
}
#tutorial-container .tutorial_box img{
	margin-right:5px;
	vertical-align:middle
}
#tutorial-container .tutorial_box a:link, #tutorial-container .tutorial_box a:visited{
	color:#fda30a;
	font:bold 80% Tahoma, Verdana, Helvetica, sans-serif;
	text-decoration:underline
}
#tutorial-container .tutorial_box a:hover{
	text-decoration:none
}
