@font-face {
       	font-family: cool_font;
        src: url('font/Cantarell-Regular.ttf');
}

body {background-image: url('images/strand-bg-01.jpg');
	    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
	background-size: cover !important;

	font-size: 13px;
	font-family: 'cool_font';
	color: black;}
A:link {text-decoration: none; color: blue;}
A:visited {text-decoration: none; color: blue;}
A:active {text-decoration: none; color: blue;}
A:hover {text-decoration: underline; color: red;}

table {
	table-layout:fixed;
} 

header {
    width: 100%;
    height: 125px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    -webkit-transition: height 0.15s;
    -moz-transition: height 0.15s;
    -ms-transition: height 0.15s;
    -o-transition: height 0.15s;
    transition: height 0.15s;
}

header.small {
	background-color: rgba(82,193,224,0.5);
}

header img {
	height: 125px;
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	-ms-transition: all 0.15s;
	-o-transition: all 0.15s;
	transition: all 0.15s;
}

header.small hl#logo img {
    height: 40px;
}

header hl#logotext img {
        height: 90px;
display: block;
        margin-left: auto;
        margin-right: auto;
}

header.small hl#logotext img {
	height: 40px;
	margin-left: 0px;
}

h1 {
	background-color:#52c1e0;
	font-size: 14px;
	font-weight: bold;
	width: 125px;
	text-align: center;
	padding: 0px;
	margin: 5px; 
	float: left;
	border-style:solid;
	border-color:#52c1e0;
	border-radius: 5px;
	font-family: cool_font;
}

h11 {
	background-color: #ebeeef;
	float: left;
	border-style: 1px; 
	border-color: #d6d6d6;
	padding: 2px;
	margin: 5px; 
	border-radius: 5px;
}

h12 {
	background-color: #ebeeef;
	float: left;   
	border-style: 1px; 
	border-color: #d6d6d6;
	padding: 2px;
	margin: 5px;
	border-radius: 5px;
}

#h13 {
        background-color: #ebeeef;
	width: 636px;
        text-align: center;
        border-style: 1px;
        border-color: #d6d6d6;
        padding: 2px;
        margin: 5px;
        border-radius: 5px;
}

h2 {
	background-color:#52c1e0;
	font-size: 14px;
	font-weight: bold;
	width: 636px;
	text-align: center;
	padding: 0px;
	margin: 5px;
	float: left;
	border-style:solid;
	border-color:#52c1e0;
	border-radius: 5px;
	font-family: cool_font;
}

h222 {
        background-color:#52c1e0;
        font-size: 14px;
        font-weight: bold ;
        width: 600px;
        text-align: center;
        padding: 0px;
        margin: 5px; 
        float: left;
        border-style:solid;
        border-color:#52c1e0;
        border-radius: 5px;
        font-family: cool_font;
}


h3 {
	background-color:#52c1e0;
	font-size: 14px;
	font-weight: bold;
	width: 200px;
	text-align: center;
	padding: 0px;
	margin: 5px; 
	float: left;
	border-style:solid;
	border-color:#52c1e0;
	border-radius: 5px;
	font-family: cool_font;
}

h4 {
	font-size: 13px;
	font-weight: bold;
	background-color: #0066FF;
	width: 500px;
	text-align: left;
	padding: 2px;
	margin: 0px;
	float: left;
	border-top: 1px solid #FF6600;
	border-bottom: 1px solid #FF6600;
	border-right: 1px solid #FF6600;
	border-left: 1px solid #FF6600;
}

r1 {
	background-image: url("images/canvas125.png");
	font-size: 14px;
	font-weight: bold;
	width: 125px;
	height: 30px;
	text-align: center;
	padding: 0px;
	margin: 0px;
	float: left;
}

r2 {
	font-size: 13px;
}

.content_box1 {
	font-family: tahoma;
	font-size: 11px;
	clear: left;
	background-color: #FFFF91;
	border: 1px solid #FF6600;
	width: 720px;
	padding: 13px;
}

        #loading{
                width: 100%;
                position: absolute;
                top: 100px;
                left: 100px;
				margin-top:200px;
            }
            #container .pagination ul li.inactive,
            #container .pagination ul li.inactive:hover{
                background-color:#ededed;
                color:#bababa;
                border:1px solid #bababa;
                cursor: default;
            }
            #container .data ul li{
                list-style: none;
                font-family: verdana;
                margin: 5px 0 5px 0;
                color: #000;
                font-size: 13px;
            }

            #container .pagination{
                width: 600px;
                height: 25px;
            }
            #container .pagination ul li{
                list-style: none;
                float: left;
                border: 1px solid #006699;
                padding: 2px 6px 2px 6px;
                margin: 0 3px 0 3px;
                font-family: arial;
                font-size: 14px;
                color: #006699;
                font-weight: bold;
                background-color: #f2f2f2;
            }
            #container .pagination ul li:hover{
                color: #fff;
                background-color: #006699;
                cursor: pointer;
            }
			.go_button
			{
			background-color:#f2f2f2;border:1px solid #006699;color:#cc0000;padding:2px 6px 2px 6px;cursor:pointer;position:absolute;margin-top:-1px;
			}
			.total
			{
			float:right;font-family:arial;color:#999;
			}