
/* ========== Base Styles ========== */
/* margin */
.mgt3  {margin-top: 3px !important;}
.mgt4  {margin-top: 4px !important;}
.mgt5  {margin-top: 5px !important;}
.mgt7  {margin-top: 7px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt45 {margin-top:45px !important;}
.mgt50 {margin-top:50px !important;}
.mgt55 {margin-top:55px !important;}
.mgt60 {margin-top:60px !important;}
.mgt100 {margin-top:100px !important;}

.mgl5  {margin-left: 5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}

.mgr5  {margin-right: 5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr25 {margin-right:25px !important;}
.mgr30 {margin-right:30px !important;}


/* padding */
.pdt5  {padding-top: 5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt30 {padding-top:20px !important;}

.pdl5  {padding-left: 5px !important;}
.pdl9  {padding-left: 9px !important;}
.pdl10 {padding-left:10px !important;}
.pdl11 {padding-left:11px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}

.pdr5  {padding-right: 5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr20 {padding-right:20px !important;}


/* float */
.floatL {float:left;}
.floatR {float:right;}


.alL {text-align:left;}
.alC {text-align:center;}
.alR {text-align:right;}

.vaT {vertical-align:top;}
.vaM {vertical-align:middle;}
.vaB {vertical-align:bottom;}

.nowrap {white-space:nowrap;}

img {
	display: inline;
}

/* ========== Clear ========== */
.clear {
	clear: both;
	background: transparent;
	height: 1px;
	font-size: 1px;
}

/* clearfix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
* html .clearfix{height:1%;}
*:first-child+html .clearfix{display:inline-block;}



/* ========== Font Size ========== */   

.xxlag01 {
	font-size: 167% !important;
	line-height: 1.3 !important;
}

.xlag01 {
	font-size: 134% !important;
	line-height: 1.3 !important;
}

.lag01 {
	font-size: 120% !important;
	line-height: 1.3 !important;
}

.mid01 {
	line-height: 1.3 !important;
}

.mid02 {
	line-height: 1.6 !important;
}

.sml01 {
	font-size: 80% !important;
	line-height: 1.5 !important;
}

.lineH0 {
	line-height: 1 !important;
}


/* ========== Color ========== */
.txRed01    {color: #E41111;}
.txGry      {color: #666666;}


/* ========== Line ========== */
.line01 {
	height: 1px;
	font-size: 1px;
	background: transparent url(/common_rn/img/line01.gif) repeat-x left center;
}

.line02 {
	height: 1px;
	font-size: 1px;
	background: transparent url(/common_rn/img/line02.gif) repeat-x left center;
}


/* ========== Line Dot ========== */
.lineDot01 {
	height: 1px;
	font-size: 1px;
	background: transparent url(/common_rn/img/line_dot01.gif) repeat-x left center;
}



/* ========== Arrow ========== */
/* Arrow01 */
.arrow01 {
	padding-left: 15px;
	text-indent: -15px;
}

.arrow01 a {
	padding: 0 0 1px 18px;
	color: #000;
}

.arrow01 a:link {   text-decoration: none;}
.arrow01 a:visited {text-decoration: none;}
.arrow01 a:hover {  text-decoration: underline;}
.arrow01 a:active { text-decoration: underline;}


/* Arrow02 */
.arrow02 {
	padding-left: 10px;
	text-indent: -10px;
}

.arrow02 a {
	padding: 0 0 1px 10px;
	color: #727c85;
}

/* Arrow03 */
.arrow03 {
	padding-left: 15px;
	text-indent: -15px;
}

.arrow03 a {
	padding: 0 0 1px 15px;
}

.arrow03 a:link {   text-decoration: none;}
.arrow03 a:visited {text-decoration: none;}
.arrow03 a:hover {  text-decoration: underline;}
.arrow03 a:active { text-decoration: underline;}


/* Arrow02 SPAN */
span.arrow02 {
	padding-left: 5px;
	text-indent:  -5px;
}

span.arrow02 a {
	padding: 0 0 1px 10px;
}



/* Arrow Left 01 */
.arrowL01 {
	padding-left: 15px;
	text-indent: -15px;
}

.arrowL01 a {
	padding: 0 0 1px 15px;
}

.arrow02_gray {
	background: transparent url(/common_rn/img/arrow02-gray.gif) no-repeat left top;
	padding-left: 15px;
	text-indent: -15px;
}


/* ========== Arrow Top ========== */
/* Arrow Top 01 */
.arrowT01 {
}

.arrowT01 a {
	padding: 0 0 1px 14px;
	color:#727C85;
	background: transparent url(/common_rn/img/arrow_t01-red.gif) no-repeat  3px;
}

.arrowT01 a:link {   text-decoration: none;}
.arrowT01 a:visited {text-decoration: none;}
.arrowT01 a:hover {  text-decoration: underline;}
.arrowT01 a:active { text-decoration: underline;}


/* ========== Arrow Bottom ========== */
/* Arrow Bottom 01 */
.arrowB01 {
	padding-left: 14px;
	text-indent: -14px;
}

.arrowB01 a {
	padding: 0 0 1px 14px;
}

.arrowB01 a:link {   text-decoration: none;}
.arrowB01 a:visited {text-decoration: none;}
.arrowB01 a:hover {  text-decoration: underline;}
.arrowB01 a:active { text-decoration: underline;}


/* ========== Icon Window ========== */
/* Icon Window 01 */
.iconWin01 {
	padding-left: 12px;
	text-indent: -12px;
}

.iconWin01 a {
	padding: 0 0 1px 12px;
	color: #727c85;
}

.iconWin01 a:link {   text-decoration: none;}
.iconWin01 a:visited {text-decoration: none;}
.iconWin01 a:hover {  text-decoration: underline;}
.iconWin01 a:active { text-decoration: underline;}


/* Icon Window 01 SPAN */
span.iconWin01 {
	padding-left: 0;
	text-indent:  0;
}

span.iconWin01 a:link {   text-decoration: underline;}
span.iconWin01 a:visited {text-decoration: underline;}
span.iconWin01 a:hover {  text-decoration: none;}
span.iconWin01 a:active { text-decoration: none;}


/* ========== Defaults List ========== */
ul.defList01 li {
	padding-left: 1.0em;
	text-indent: -1.0em;
}


/* Dot List */
.dotList01 {
	margin-left:5px;
}
.dotList01 li{
	padding-left:9px;
	line-height:1.4;
	background: transparent url(/common_rn/img/parts_dot_001.gif) no-repeat 0 6px;
}


/* number List */
.numList01 th {
	padding: 0 2px 3px 0;
	text-align: left;
	font-weight: normal;
	white-space:nowrap;
	vertical-align: top;
}

.numList01 td {
	padding: 0 0 3px 0;
	vertical-align: top;
}


/* ========== Defaults Table ========== */
.defTbl01  {
	border: solid 1px #e0e0e0;
	border-collapse: collapse;
	text-align: center;
}

.defTbl01 th {
	padding: 10px 15px;
	font-weight:normal;
	white-space: nowrap;
	border: solid 1px #e0e0e0;
	background-color: #eceff0;
}
.defTbl01 tr.ylw th,
.defTbl01 th.ylw{
	background-color: #faf9eb;
}

.defTbl01 td {
	padding: 10px 15px;
	border: solid 1px #e0e0e0;
	text-align: left;
}


/* ========== Defaults Frame ========== */
.defFrm01 {
	padding: 15px;
	background: #f7e8e9;
}	




.frmWhite {
	background-color: #FFF;
}
.frmGry {
	background-color: #eceff0;
}



