/* Style file used for Mango's Homepage */

img {
	border: none;
}

a:link {
color:#36F;
text-decoration:underline;
}
a:visited {
	color: #339;
text-decoration:underline;
}
a:hover {
	color: #E07318;
text-decoration:underline;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:0;
	color: #555;	
scrollbar-face-color:#fc0;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#fc0;
scrollbar-darkshadow-color:red;

	scrollbar-track-color: #ffeda6;
scrollbar-shadow-color:#fff;
scrollbar-arrow-color:#fff;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	/*color: #0066CC*/
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	/*color: #0066CC*/
}

input {
background-color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
text-align:left;
scrollbar-face-color: Silver;
	scrollbar-highlight-color: Gray;
	scrollbar-3dlight-color: Gray;
scrollbar-darkshadow-color:#aaa;

	scrollbar-track-color: Gray;
	scrollbar-shadow-color: #8080C0;
scrollbar-arrow-color:#fff;
	
	border-top: 1px solid #005b8e;
	border-left: 1px solid #005b8e;
	border-bottom: 1px solid #005b8e;
	border-right: 1px solid #005b8e;
}

H1 {
	color: #E62C00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H2 {
	color: #EB694A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: 600;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none
}

H3 {
	/*color: SlateGray;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H4 {
	/*color: SlateGray;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H5 {
	/*color: SlateGray;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H6 {
	/*color: SlateGray;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 6pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

ul {
	/*color: RoyalBlue*/
}

.bgcolor2 {
background-color:#000;
}
.bgcolor14 {
background-color:#333;
}
.bgcolor1 {
background-color:#666;
}
.bgcolor11 {
background-color:#999;
}
.bgcolor13 {
background-color:#ccc;
}
.bgcolor12 {
background-color:#fff;
}
.bgcolor3 {
background-color:#6278aa;
}
.bgcolor4 {
background-color:#3a407a;
}

.menuh {
border-color:#FF9;
cursor:hand;
border-left:#FF9;
border-top:#FF9;
padding-left:1px;
padding-top:1px;
background-color:#FF9;
}
.menuc {
color:#FFF;
border-color:#6AF;
border-left:#6AF;
border-top:#6AF;
padding-left:1px;
background-color:#6AF;
}
.menud {
color:#FFF;
border-color:#6AF;
border-left:#6AF;
border-top:#6AF;
padding-left:1px;
background-color:#CC9;
color:#fff;
cursor:hand;
}
.menu {
background-color:#FFF;
}
.home {
cursor:hand;
}

.menulinks{
text-decoration:none;
}



DIV.menuBar {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000; FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menuBar A.menuButton {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000; FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menu {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000; FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menu A.menuItem {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000; FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menuBar {
	BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0 2px outset; PADDING-LEFT: 2px; PADDING-BOTTOM: 4px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
}
DIV.menuBar A.menuButton {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 6px; Z-INDEX: 100; LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP: 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
DIV.menuBar A.menuButton:hover {
	BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000; BORDER-BOTTOM: #e0e0e0 1px outset; BACKGROUND-COLOR: transparent
}
DIV.menuBar A.menuButtonActive {
	BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #fff; BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
}
DIV.menuBar A.menuButtonActive:hover {
	BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #fff; BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
}
DIV.menu {
	BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0 2px outset; PADDING-LEFT: 0px; Z-INDEX: 101; LEFT: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px; BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #e0e0e0
}
DIV.menu A.menuItem {
	PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000; PADDING-TOP: 3px; WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
DIV.menu A.menuItem:hover {
	COLOR: #fff; BACKGROUND-COLOR: #5050f0
}
DIV.menu A.menuItemHighlight {
	COLOR: #fff; BACKGROUND-COLOR: #5050f0
}
DIV.menu A.menuItem SPAN.menuItemText {
	
}
DIV.menu A.menuItem SPAN.menuItemArrow {
	MARGIN-RIGHT: -0.75em
}
DIV.menu DIV.menuItemSep {
	BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
}


.content {
        background : #B6C7CF;
        font-size : 11px;
        text-decoration : none;
font-weight:400;
	padding: 4px;
}

.altcontent {
        background : #FFF;
        font-size : 11px;
        text-decoration : none;
font-weight:400;
        padding: 4px;
}

.bar {
font-weight:700;
	background : #FFC;
	color:#06C;
	font-size:12px;
}



.tutorialthreads {background-color:#F3FAEC;}
.tutorialthreads1 {background-color:#D8EFC1;}
.tutorialsthreadsbox {font-size:12px;font-family: tahoma, verdana, arial, sans-serif; COLOR: #357B82;FONT-WEIGHT: normal;background-color:#F3FAEC;}

.tutorialblogthreads {background-color:#EEF6F9;}
.tutorialblogthreads1 {background-color:#C9E1EB;}
.tutorialsblogthreadsbox {font-size:12px;font-family: tahoma, verdana, arial, sans-serif; COLOR: #357B82;FONT-WEIGHT: normal;background-color:#F3FAEC;}

.whitebackground {background-color:#FFF;}



/* -- Basic HTML Elements -- */
	h1b {font: bold 24px Helvetica, Arial, sans-serif; color: #E62C00; letter-spacing: -1px; margin: 0;}
	h2b {color: #EB694A; font: normal 18px Helvetica, Arial, sans-serif; letter-spacing: -1px; margin: 2em 0 0 0;}



	/* common tags for rounded corners that can be used for many panels */
	b.Rnd1{margin: 0 5px;}
	b.Rnd2{margin: 0 3px;}
	b.Rnd3{margin: 0 2px;}

	/* container one */
	div.ContainerOne {width:500px; height:50px; background: #EEF6F9;} /* adjust the position, size and colour of the panel here */
	div[class="ContainerOne"] {height:auto; min-height:50px;} /* adjust the minimum height of the panel here for mozilla only */
	b.RndTopOne b, b.RndBottomOne b{display:block;height: 1px; overflow: hidden; background: #EEF6F9} /* adjust the colour of the panel top and bottom here */
	b.RndTopOne, b.RndBottomOne{display:block;background: #dad3c3;} /* adjust the background colour here */
	div.RPanelContentOne {position:relative; top:0px; left:0px; display:block; margin: 0 auto; margin-top:10px; margin-bottom:10px; width:460px; height:50px; text-align:left; } /* adjust the content width (to be slightly less than the panel width to get a margin), height and text alignment of the content here */
	div[class="RPanelContentOne"] {height:auto; min-height:50px;} /* adjust the minimum height of the panel here for mozilla only */
	b.RndTopOne b.Rnd4, b.RndBottomOne b.Rnd4{margin: 0 1px; height:2px;}

	/* container two */
	div.ContainerTwo {width:500px; height:50px; background: #F3FAEC;} /* adjust the position, size and colour of the panel here */
	div[class="ContainerTwo"] {height:auto; min-height:50px;} /* adjust the minimum height of the panel here for Firefox only */
	b.RndTopTwo b, b.RndBottomTwo b{display:block;height: 1px; overflow: hidden; background: #F3FAEC} /* adjust the colour of the panel top and bottom here */
	b.RndTopTwo, b.RndBottomTwo{display:block;background: #dad3c3;} /* adjust the background colour here */
	div.RPanelContentTwo {position:relative; top:0px; left:0px; display:block; margin: 0 auto; margin-top:10px; margin-bottom:10px; width:460px; height:50px; text-align:left; } /* adjust the content width to be slightly less than the panel width to get a margin), height and text alignment of the content here */
	div[class="RPanelContentTwo"] {height:auto; min-height:50px;} /* adjust the minimum height of the panel here for Firefox only */
	b.RndTopTwo b.Rnd4, b.RndBottomTwo b.Rnd4{margin: 0 1px; height:2px;}

	/* container three */
	div.ContainerThree {width:500px; height:50px; background: #f4f4ec;} /* adjust the position, size and colour of the panel here */
	div[class="ContainerThree"] {height:auto; min-height:50px;} /* adjust the minimum height of the panel here for Firefox only */
	b.RndTopThree b, b.RndBottomThree b{display:block;height: 1px; overflow: hidden; background: #f4f4ec} /* adjust the colour of the panel top and bottom here */
	b.RndTopThree, b.RndBottomThree{display:block;background: #dad3c3;} /* adjust the background colour here */
	div.RPanelContentThree {position:relative; top:0px; left:0px; display:block; margin: 0 auto; margin-top:10px; margin-bottom:10px; width:460px; height:50px; text-align:left; } /* adjust the content width to be slightly less than the panel width to get a margin), height and text alignment of the content here */
	div[class="RPanelContentThree"] {height:auto; min-height:50px;} /* adjust the minimum height of the panel here for Firefox only */
	b.RndTopThree b.Rnd4, b.RndBottomThree b.Rnd4{margin: 0 1px; height:2px;}



.button {
background-color:#369;
color:#FFF;
border:1px solid #036;
}

.dropdownmenu {
	background-color: #efefff; 
	border: thin groove; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
color:#333;
border-color:#CCC CCC CCC;
}