/* iPhone 320 */
@media all and (max-width: 320px)
{
	body, html {
		width:100%;
	}
}
/* iPad Portrait 447 447-702 */
@media all and (min-width: 447px) and (max-width: 702px)
{
	body, html {
		width:100%;
	}
}
/* iPad 703 703-767 */
@media all and (min-width: 703px) and (max-width: 767px)
{
	body, html {
		width:100%;
	}
}
/* iPad Portrait 768 768-1024*/
@media all and (min-width: 768px) and (max-width: 1024px)
{
	body, html {
		width:100%;

	}
}
/* Main Css */
body
{
    font-family:Arial;
	background:#303030;
    margin:0px 0px 0px 0px;
    padding-bottom:20px;
	color:#000;
	font-size:16pt;
	line-height:1.5em;
	-webkit-user-select: none;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#white-bg
{
	background:white !important;
}

h1, h2, h3, h4, h5, ul, li, p {margin: 0;margin-bottom: 15px;}
a
{
   color:#{{ appColors.accentColor2 }};
   text-decoration:none;   
}

img { max-width:100%; }
.upper
{
	float:left;
	padding:8px 0 0 0;
	line-height:1.2em;
	background:url('upper_bg_91.png') repeat-x;
	display:block;
	width: 100%;
}
.lower
{
	float:left;
	display:block;
	padding:15px 0 15px 0; /*adjusts top and bottom border */
	background:url('lower_bg_91.png') repeat-x;
	width: 100%;
}


.lower2
{
	float:left;
	display:block;
	padding:25px 0 20px 0;
	background:url('lower_bg_91.png') repeat-x;
	width: 100%;
}

.left-column
{
	width: 50%;
	float: left;
}


.right-column
{
	width: 50%;
	float: left;
}


.section
{
	margin:0 15px 0 15px; /* adjusts right and left border */
	padding:15px 15px 30px 15px;
	background:white;
	border: #000000 1px solid;
	border-radius: 15px;
	overflow:auto;
}


.section-no-border
{
	margin:0 15px 0 15px; /* adjusts right and left border */
	padding:15px 15px 30px 15px;
	background:white;
	overflow:auto;
}

.clear
{
	clear:both;
}
.float
{
	float:left;
}

.title {
	color:#014d93;
	font-style: bold;
	font-size:1.2em;
}

.label {

	font-size:16pt;
}

.styled-select select {
   width: 60px;
   height: 32px;
   font-size: 16px;
   overflow: hidden;
   border: 1px solid #ccc;
   }

/* Template Specific CSS */

/* Template Specific iPad Portrait 447 447-702 */
@media all and (min-width: 300px) and (max-width: 702px)
{
.title { font-size:1.2em !important; }
body { font-size:12pt !important; }
h2 { font-size:14pt !important; }
.left-column, .right-column { width:100% !important;}

	.cn
	{	
		width: 200px !important;
		height: 200px !important;
	}

}
/* Template Specific iPad 703 703-767 */
@media all and (min-width: 703px) and (max-width: 767px)
{
}
/* Template Specific iPad Portrait 768 768-1024*/
@media all and (min-width: 768px) and (max-width: 1024px)
{

}

.cn {
  display: table-cell;
  width: 600px;
  height: 500px;
  vertical-align: middle;
  text-align: center;
}

.inner-cn {
  display: inline-block;
  width: 320px;
  height: 200px;
  text-align: left;
}

.video-container {
        position:relative;
        padding-bottom:56.25%;
        padding-top:30px;
        height:0;
        overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
}