/**
 * Styles for the rounded box.
 **/
/* media="all" hides styles from NS4.x only
   - so we'll put styles we want to hide from NS4.x here */
div.roundbox {
        background: url(/images/roundbox/cc_tl.gif) top left no-repeat;
}
div.roundbox div.tr {
        background: url(/images/roundbox/cc_tr.gif) top right no-repeat;
        height: 10px;
}
div.roundbox div.body {
        background: url(/images/roundbox/cc_rb.gif) right repeat-y;
/*        height: 100%;*/
/*        overflow:hidden;*/
        padding: 1px 3px 0 1px;
        position: relative;
/*        bordeR: 1px solid red;
        width:98%;
        word-wrap: break-word;*/
}

div.roundbox p, div.roundbox h3/*, div.roundbox ul, div.roundbox li*/ {
	margin: 0 7px 10px 10px;
}

	div.roundbox ul {
		margin-bottom: 0;
		margin-left: 20px;
		padding: 0 10px;
	}
	
	div.roundbox li {
			margin: 0 0 5px;
	}

div.roundbox div.linkbox {
        background:#F5F5F5;
        font-weight:bold;
        padding:5px 5px 5px 10px;
}
div.roundbox div.lbox {
		color: #999;
        background:#F5F5F5;
		font-size: 11px;
        font-weight:bold;
        padding:5px 5px 5px 10px;
		text-transform: capitalize;
}
div.roundbox div.lbox br {
        line-height: 80%;
}

div.roundbox div.lbox a {
        text-decoration:none;
        color:#499F20;
}
div.roundbox div.lbox a:hover {
        text-decoration:underline;
        color:#499F20;
}
div.roundbox div.lbox a:visited {
        color:#499F20;
}
div.roundbox div.lbox a:active {
        color: #FF0000;
}
div.roundbox div.linkbox a {
        color:#499F20;
}
div.roundbox div.linkbox a:visited {
        color:#006400;
}
div.roundbox div.linkbox a:active {
        color:#499F20;
}
div.roundbox div.icon {
        float: left;
/*        height: 100%;*/
        margin: 0 0 0 5px;
        padding: 0;
        vertical-align: top;
}
div.roundbox div.error, div.roundbox div.success {
        margin-left: 5px;
        position: relative;
}
div.roundbox div.bottom {
        clear: both;
}
div.roundbox div.bl {
        background: url(/images/roundbox/cc_bl.gif) bottom left no-repeat;
        margin-left: -1px;
        position: relative;
}
div.roundbox div.br {
        background: url(/images/roundbox/cc_br.gif) bottom right no-repeat;
        height: 10px;
        margin-right: -3px;
        position: relative;
}
/* This is used to create gray bottom of a box */
div.roundbox div.gray {
	background-color:#F1F1F1;
	padding-top: 4px;
}
div.roundbox div.graybottom {
        clear: both;
}
div.roundbox div.graybottom div.bl {
        background: url(/images/roundbox/cc_bl_g.gif) bottom left no-repeat;
        margin-left: -1px;
        position: relative;
}
div.roundbox div.graybottom div.br {
        background: url(/images/roundbox/cc_br_g.gif) bottom right no-repeat;
        height: 10px;
        margin-right: -3px;
        position: relative;
}

/**
 * Styles for the turqoise rounded box.
 **/
/* media="all" hides styles from NS4.x only
   - so we'll put styles we want to hide from NS4.x here */
div.roundbox_turqoise {
		background: url(/images/roundbox/turq_cc_tl.gif) top left no-repeat;
        background-color: #d2f0ff;
}
div.roundbox_turqoise div.tr {
        background: url(/images/roundbox/turq_cc_tr.gif) top right no-repeat;
        height: 10px;
}
div.roundbox_turqoise div.body {
        padding: 1px 3px 0 1px;
        position: relative;
}

div.roundbox_turqoise p, div.roundbox_turqoise h3/*, div.roundbox_turqoise ul, div.roundbox_turqoise li*/ {
	margin: 0 7px 10px 10px;
}

	div.roundbox_turqoise ul {
		margin-bottom: 0;
		margin-left: 20px;
		padding: 0 10px;
	}
	
	div.roundbox_turqoise li {
			margin: 0 0 10px;
	}

div.roundbox_turqoise div.linkbox {
        background:#F5F5F5;
        font-weight:bold;
        padding:5px 5px 5px 10px;
}
div.roundbox_turqoise div.lbox {
		color: #999;
        background:#F5F5F5;
		font-size: 11px;
        font-weight:bold;
        padding:5px 5px 5px 10px;
		text-transform: capitalize;
}
div.roundbox_turqoise div.lbox br {
        line-height: 80%;
}

div.roundbox_turqoise div.lbox a {
        text-decoration:none;
        color:#499F20;
}
div.roundbox_turqoise div.lbox a:hover {
        text-decoration:underline;
        color:#499F20;
}
div.roundbox_turqoise div.lbox a:visited {
        color:#006400;
}
div.roundbox_turqoise div.lbox a:active {
        color: #FF0000;
}
div.roundbox_turqoise div.linkbox a {
        color:#499F20;
}
div.roundbox_turqoise div.linkbox a:visited {
        color:#006400;
}
div.roundbox_turqoise div.linkbox a:active {
        color:#499F20;
}
div.roundbox_turqoise div.icon {
        float: left;
/*        height: 100%;*/
        margin: 0 0 0 5px;
        padding: 0;
        vertical-align: top;
}
div.roundbox_turqoise div.error, div.roundbox_turqoise div.success {
        margin-left: 5px;
        position: relative;
}
div.roundbox_turqoise div.bottom {
        clear: both;
}
div.roundbox_turqoise div.bl {
        background: url(/images/roundbox/turq_cc_bl.gif) bottom left no-repeat;
        margin-left: -1px;
        position: relative;
}

div.roundbox_turqoise div.br {
        background: url(/images/roundbox/turq_cc_br.gif) right no-repeat;
        height: 10px;
        margin-right: -3px;
        position: relative;
}

/* This is used to create gray bottom of a box */
div.roundbox_turqoise div.gray {
	background-color:#F1F1F1;
	padding-top: 4px;
}
div.roundbox_turqoise div.graybottom {
        clear: both;
}
div.roundbox_turqoise div.graybottom div.bl {
       /* background: url(/images/roundbox/cc_bl_g.gif) bottom left no-repeat;*/
        margin-left: -1px;
        position: relative;
}
div.roundbox_turqoise div.graybottom div.br {
       /* background: url(/images/roundbox/cc_br_g.gif) bottom right no-repeat;*/
        height: 10px;
        margin-right: -3px;
        position: relative;
}


.mycat_box {
	display: block;
	float:left;
	margin-right:15px;
	width: 190px;
	background-color: #d2f0ff;
	border: none;
	height: 195px;
}

.mycat_box .mycat_top {
	background: url(/images/mycat/mycat_top.gif) no-repeat;
	width: 190px;
	height: 10px;
}

.mycat_box .mycat_bottom {
	width: 190px;
	background: url(/images/mycat/mycat_bottom.gif) bottom no-repeat;
	height: 10px;
}

.mycat_box .mycat_body {
	text-align: left;
	width: 190px;
	height: 102px;
	background-color: #d2f0ff
}

.mycat_box .mycat_body p{
	padding: 10px;
}

.mycat_box .mycat_first table{
	padding-top: 10px; 
	padding-left:0px; 
	margin-left: 0px;
	
}
.mycat_box .mycat_first table td.mycat_icon {
	padding-left: 10px;
}

.mycat_box .mycat_first table td.mycat_banner {
	text-align: center; 
	padding-left: 20px;
}

.mycat_box .mycat_first {
	width: 190px;
	background-color: #d2f0ff;
	height: 73px;
	border-bottom: 2px solid white;
}