@charset "UTF-8";

/* ~~ major contents ~~ */

a:link     { text-decoration:underline; color: #000000 }
a:visited  { text-decoration:underline; color:#000000 }
a:active   { text-decoration:underline; color:#000000 }
a:hover    { text-decoration:underline; color:#000000 }

body {
        background: #7ba8da;
        margin: 0;
        padding: 0;
        color: #000;
        font-family:sans-serif; line-height: 1.3;font-size: 10pt;
}
tr,td { font-family:sans-serif; line-height: 1.3;font-size: 10pt }

/* ~~ element ~~ */

	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;	 /
	padding-right: 15px;
	padding-left: 15px; 
}
a img { 
	border: none;
}

.container {
	width: 980px;
	margin: 0 auto; 
}


.header {
	position:relative;
	padding-left: 3px;
	padding-top:1px;
	padding-bottom:1px;
        background-image: url("http://www.advansteps.com/macxapps/data/back.gif");
}
.containerheader {
	width: 980px;
	margin: 0 auto; 

}


.contentmenu {
	position:relative;
	width: 100%;
	left:0px;
	padding-top:2px;
	padding-bottom:2px;
        background-image: url("http://www.advansteps.com/macxapps/data/back2.gif");
	text-align:center;
}
.containercontentmenu {
	width: 980px;
	margin: 5px auto;
	color: #ffffff;
}

.containercontentmenu a{
color:white;
}


.undermenu {
	text-align:center;
	padding:10px 0px 5px 0px;

}

.content {
	text-align:center;
	padding: 10px 0px 10px 200px;
}

.sidebar {
	float: left;
	width: 190px;
	padding: 10px 0px 10px 10px;
}

div#footer{
        border: dotted 3px #eeeeee;
        background-color: white;
        padding: 5px;
		margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        }
		
		
/* ipadmonitor */
.ipadmonitor {
	position: relative;
	width: 753px;
	height: 606px;
        background-image: url("http://www.advansteps.com/macxtreme/data/macmonit.png");
	text-align:left;
}

/* ipadmonitor child */
.ipadmonitorin {

	position: absolute;
	left:29px;
	top:21px;
	width: 673px;
	height: 380px;
	padding: 0px 0px 0px 0px;
	margin: 10px;
}
/* ipadmonitorin child */
.ipadmonitorinad {
	position: absolute;
	left:0px;
	bottom:0px;
	width: 300px;
	height: 250px;
}
.ipadmonitorinad2 {
	position: absolute;
	right:0px;
	bottom:0px;
	width: 340px;
	height: 250px;
}
.ipadmonitorindate {
	position: absolute;
	text-align:right;
	right:0px;
	bottom:20px;
	width: 250px;
	height: 20px;
}


/* ~~ major div ~~ */
div#roundwhite {
        text-align: left;
        border: solid 3px black;
        background-color: white;
        padding: 10px;
        width: 730px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}	
div#topgray5{
        text-align: center;
	color: #ffffff;
        border: solid 1px black;
        background: #0951a0;
        padding: 5px;
        width: 150px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}		
#topwhite5:hover{
        text-align: center;
        border: solid 1px black;
        background-color: #fcfbb3;
        padding: 5px;
        width: 150px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}			
div#topwhite5{
        text-align: center;
        border: solid 1px black;
        background-color: white;
        padding: 5px;
        width: 150px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}	
div#categoryall {
        text-align: center;
        color: #ffffff;
        border: solid 2px #000000;
        background: #0951a0;
        padding: 10px;
        width: 726px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}		
.category td{
        text-align: left;
        border: solid 2px #236369;
        line-height: 35px;
        background: #e3f0ff;
        padding: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
.category a{
        color:black;
        text-decoration:underline;
        padding:5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 5px;
}
.category a:hover{
        color:black;
        background-color: #fcfbb3;
        text-decoration:underline;
        padding:5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 5px;
}

.category{
line-height: 40px;
}