/* \*/
* html div.tlc, * html div.trc {height: 1%;}
/* */

div.tlc, div.trc { zoom: 1 }

div.box2 {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	padding: 0;
	text-align: left;
	width:80%;				/* <-- use this to tie width to viewport size */
	width: 100%;				/* <-- use this for a set width */
	background-color: #fff;
}
 	
div.box2 div.box_content {
    padding: 10px;
}
		
div.box2 div.tlc, div.box2 div.trc, div.box2 div.blc, div.box2 div.brc {
	background-color: transparent;
	background-repeat: no-repeat;
	width: 8px;
	height: 8px;
	overflow: hidden;
	position: absolute;
	z-index: 100;
}

div.box2 div.tlc {
	background-image:url(../images/box/box2_corners.gif);
	background-position: top left;
	top: 0;
	left: 0;
}

div.box2 div.trc {
	background-image:url(../images/box/box2_corners.gif);
	background-position: top right;
	top: 0;
	right: 0;
}
	
div.box2 div.blc {
	background-image:url(../images/box/box2_corners.gif);
	background-position: 0px -8px;
	bottom: 0;
	left: 0;
}

div.box2 div.brc {
	background-image:url(../images/box/box2_corners.gif);
	background-position: -8px -8px;
    bottom: 0;
    right: 0;
}

div.box2 div.tb, div.box2 div.bb {
	background-color: transparent;
	background-repeat: repeat-x;
}
			
div.box2 div.tb {
	background-image:url(../images/box/box2_top.gif);
	background-position: 0% 0%;
}

div.box2 div.bb {
	background-image:url(../images/box/box2_bottom.gif);
	background-position: 50% 100%;
}
	
div.box2 div.rb {
	background-image:url(../images/box/box2_right.gif);
	background-position: 100% 0%;
    background-repeat: repeat-y;
	position: relative;
	z-index: 99;
}

div.box2 div.lb {
    background-image:url(../images/box/box2_left.gif);
    background-position: 0% 100%;
	background-repeat: repeat-y;
}

div.box2 div.line_separator	{
	padding-top: 20px;
	padding-bottom: 20px;
}

/* box 3 - main */
div.box3 {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	padding: 0;
	text-align: left;
	width:80%;				/* <-- use this to tie width to viewport size */
	width: 100%;				/* <-- use this for a set width */
	background-color: #fff;
}
 	
div.box3 div.box_main_content {
    padding: 50px 35px 15px;
}
		
div.box3 div.tlc, div.box3 div.trc, div.box3 div.blc, div.box3 div.brc {
	background-color: transparent;
	background-repeat: no-repeat;
	width: 8px;
	height: 8px;
	overflow: hidden;
	position: absolute;
	font-size: 0px;
	z-index: 100;
}

div.box3 div.tlc {
	background-image:url(../images/box/box2_corners.gif);
	background-position: top left;
	top: 0;
	left: 0;
}

div.box3 div.trc {
	background-image:url(../images/box/box3_corners.gif);
	background-position: top right;
	top: 0;
	right: 0;
}
	
div.box3 div.blc {
	background-image:url(../images/box/box2_corners.gif);
	background-position: 0px -8px;
	bottom: 0;
	left: 0;
}

div.box3 div.brc {
	background-image:url(../images/box/box2_corners.gif);
	background-position: -8px -8px;
    bottom: 0;
    right: 0;
}

div.box3 div.tb, div.box3 div.bb {
	background-color: transparent;
	background-repeat: repeat-x;
	
}
			
div.box3 div.tb {
	background-image:url(../images/box/box2_top.gif);
	background-position: 0% 0%;
}

div.box3 div.bb {
	background-image:url(../images/box/box2_bottom.gif);
	background-position: 50% 100%;
}
	
div.box3 div.rb {
	background-image:url(../images/box/box2_right.gif);
	background-position: 100% 0;
    background-repeat: repeat-y;
	position: relative;
	z-index: 99;
}

div.box3 div.lb {
    background-image:url(../images/box/box2_left.gif);
    background-position: 0% 100%;
	background-repeat: repeat-y;
}	

div.box3 .ui-tabs-hide {
	display: none;
}	

/* box 4 - forum activity */
/* box 3 - main */
div.box4 {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	padding: 0;
	text-align: left;
	width:80%;				/* <-- use this to tie width to viewport size */
	width: 100%;				/* <-- use this for a set width */
	background-color: #fff;
}
 	
div.box4 div.box_main_content {
    padding: 40px 35px 15px;
}
		
div.box4 div.tlc, div.box4 div.trc, div.box4 div.blc, div.box4 div.brc {
	background-color: transparent;
	background-repeat: no-repeat;
	width: 8px;
	height: 8px;
	overflow: hidden;
	position: absolute;
}

div.box4 div.tlc {
	background-image:url(../images/box/box4_corners.gif);
	background-position: top left;
	top: 0;
	left: 0;
}

div.box4 div.trc {
	background-image:url(../images/box/box4_corners.gif);
	background-position: top right;
	top: 0;
	right: 0;
}
	
div.box4 div.blc {
	background-image:url(../images/box/box4_corners.gif);
	background-position: bottom left;
	bottom: 0;
	left: 0;
}

div.box4 div.brc {
	background-image:url(../images/box/box4_corners.gif);
	background-position: bottom right;
    bottom: 0;
    right: 0;
}

div.box4 div.tb, div.box3 div.bb {
	background-color: transparent;
	background-repeat: repeat-x;
}
			
div.box4 div.tb {
	background-image:url(../images/box/box4_top.gif);
	background-position: 0% 0%;
}

div.box4 div.bb {
	background-image:url(../images/box/box4_bottom.gif);
	background-position: 50% 100%;
}
	
div.box4 div.rb {
	background-image:url(../images/box/box4_right.gif);
	background-position: 100% 0%;
    background-repeat: repeat-y;
}

div.box4 div.lb {
    background-image:url(../images/box/box4_left.gif);
    background-position: 0% 100%;
	background-repeat: repeat-y;
}

/* box 5 - register */
div.box5 {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	padding: 0;
	text-align: left;
	width:80%;				/* <-- use this to tie width to viewport size */
	width: 100%;				/* <-- use this for a set width */
	background-color: #fff;
}
 	
div.box5 div.box_content {
    padding: 10px;
}
		
div.box5 div.tlc, div.box5 div.trc, div.box5 div.blc, div.box5 div.brc {
	background-color: transparent;
	background-repeat: no-repeat;
	width: 8px;
	height: 8px;
	overflow: hidden;
	position: absolute;
	z-index: 100;
}

div.box5 div.tlc {
	background-image:url(../images/box/box5_corners.gif);
	background-position: top left;
	top: 0;
	left: 0;
}

div.box5 div.trc {
	background-image:url(../images/box/box5_corners.gif);
	background-position: top right;
	top: 0;
	right: 0;
}
	
div.box5 div.blc {
	background-image:url(../images/box/box5_corners.gif);
	background-position: 0px -8px;
	bottom: 0;
	left: 0;
}

div.box5 div.brc {
	background-image:url(../images/box/box5_corners.gif);
	background-position: -8px -8px;
    bottom: 0;
    right: 0;
}

div.box5 div.tb, div.box5 div.bb {
	background-color: transparent;
	background-repeat: repeat-x;
}
			
div.box5 div.tb {
	background-image:url(../images/box/box5_top.gif);
	background-position: 0% 0%;
}

div.box5 div.bb {
	background-image:url(../images/box/box5_bottom.gif);
	background-position: 50% 100%;
}
	
div.box5 div.rb {
	background-image:url(../images/box/box5_right.gif);
	background-position: 100% 0;
    background-repeat: repeat-y;
	position: relative;
	z-index: 99;
}

div.box5 div.lb {
    background-image:url(../images/box/box5_left.gif);
    background-position: 0% 100%;
	background-repeat: repeat-y;
}