@charset "utf-8";
*{margin:0 auto; padding:0;}

body{font-family: 'Open Sans', sans-serif; line-height:25px; color:#000;
background:url(../images/body_bg.gif) repeat-x top;}
p{text-align:justify; padding-top:5px;}
.clear{clear:both;}

::-moz-selection { /* Code for Firefox */
    color:#FFF;
    background: #2f8bfb;
}
::selection {
    color:#FFF; 
    background: #2f8bfb;
}
h1{color:#028bbf; font-size:22px;text-transform:uppercase;}
h2{color:#028bbf; font-size:18px;}
h3{color:#fff; font-size:22px;}
h4{color:#028bbf; font-size:25px;}
h5{color:#028bbf; font-size:25px;}
h6{color:#028bbf; font-size:22px;}


img{max-width:100%; border:none;}

.scrollToTop{
	width:40px;
    height:40px;
    opacity:0.5;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
	background:url(../images/icon_top.png) no-repeat;

}
.scrollToTop:hover{
	text-decoration:none;
}

.right_links{ }
.right_headings{padding:0.375em; background:#028bbf; color:#fbfbfb; font-size:14px; text-transform: uppercase;font-weight:bold;padding-left:10px;}
.right_contents{border:1px solid #028bbf;}
.right_contents p{width:95%; margin:0 auto;}
.right_contents ul{list-style:none; }
.right_contents ul li{border-bottom:1px solid #dcdcdc;}
.right_contents ul li a{padding:0.375em;text-decoration:none; color:#028bbf; display:block; background:#f0f0f0; padding-left:10px;}
.right_contents ul li a:hover{ background:#fff; color:#000;}

.page_list{padding-left:2.000em;}
.page_list li{list-style:square;}

.link{ font-size:90%;
	padding:3px 5px 3px 5px;
	color:#0078d7;background:#f0f0f0;
	margin-left:5px;
	}
a.link {
	text-decoration:none;
}
a:hover.link{
	color:#FFF;
	background:#0078d7;
	transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-webkit-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
}

#animation {
    width: 100px;
    height: 100px;
    background: red;
    position: relative; 
    -webkit-animation: myfirst 5s linear 2s infinite alternate; /* Chrome, Safari, Opera */
    animation: myfirst 5s linear 2s infinite alternate; color:#FFF; padding:5px;  font-style:italic;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    0%   {background:red;}
    25%  {background:yellow;}
    50%  {background:blue;}
    75%  {background:green;}
    100% {background:red;}
}

/* Standard syntax */
@keyframes myfirst {
    0%   {background:red;}
    25%  {background:yellow;}
    50%  {background:blue;}
    75%  {background:green;}
    100% {background:red;}
}


#tblpage{width:100%; padding:10px;}
#tblpage th{background:#eeeeee;border:1px solid #028bbf; color:#028bbf;padding:5px; text-align:center; }
#tblpage td{border:1px solid #028bbf; padding:5px;}

#tblprofile{ width:100%;padding:10px;}
#tblprofile th{background:#eeeeee;border:1px solid #028bbf; color:#028bbf;padding:5px; vertical-align:top;}
#tblprofile td{border:1px solid #028bbf; padding:5px;vertical-align:top;}



#tblfolder{width:100%; text-align:center;}
#tblfolder td{padding:10px; vertical-align:top;}

.section_inner{width:95%;}

.section_box{float:left; width:100%;padding:0.625em;margin-left:1%; margin-top:1%;}
/*.section_box img {float:left; margin-right:10px;}*/

.textbox{border:1px solid #222938;
	background:#ffffff;
	width:350px;
	height:23px;
	padding:0 0 0 10px;
}
.textarea{border:1px solid #222938;
	background:#ffffff;
	width:350px;
	height:100px;
	padding:0 0 0 10px;
}
.mandatory{color:#F00;}

/*validation*/
form.cmxform {	
	font-size: 1.0em;
	color: #333;
}

form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {
	color: #333;
}

form.cmxform label.error, label.error, .spanError {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
}
div.error{ display: none; }
/*input {	border: 1px solid black; }*/
input.checkbox { border: none; }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }
/*validation*/



.right_section ul,ol{ margin-left:50px;}