/*====================Font face============================*/
@font-face {
    font-family: 'oxygenregular';
    src: url('../fonts/oxygen-webfont.eot');
    src: url('../fonts/oxygen-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oxygen-webfont.woff') format('woff'),
         url('../fonts/oxygen-webfont.ttf') format('truetype'),
         url('../fonts/oxygen-webfont.svg#oxygenregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oxygenbold';
    src: url('../fonts/oxygen-bold-webfont.eot');
    src: url('../fonts/oxygen-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oxygen-bold-webfont.woff') format('woff'),
         url('../fonts/oxygen-bold-webfont.ttf') format('truetype'),
         url('../fonts/oxygen-bold-webfont.svg#oxygenbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oxygenbold_italic';
    src: url('../fonts/oxygen-bolditalic-webfont.eot');
    src: url('../fonts/oxygen-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oxygen-bolditalic-webfont.woff') format('woff'),
         url('../fonts/oxygen-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/oxygen-bolditalic-webfont.svg#oxygenbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oxygenitalic';
    src: url('../fonts/oxygen-italic-webfont.eot');
    src: url('../fonts/oxygen-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oxygen-italic-webfont.woff') format('woff'),
         url('../fonts/oxygen-italic-webfont.ttf') format('truetype'),
         url('../fonts/oxygen-italic-webfont.svg#oxygenitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*====================Font face============================*/

/* the accordion handles */

#profiles h1{
	border: 1px solid #07599f;
	background-color: #07599f;
	margin: 0;
	padding: 0 1em;
	font-size: 13px;
	font-family: 'oxygenregular';
	line-height: 2;
	font-weight: normal;
	cursor: pointer; /* display a hand cursor, like links */
	margin-bottom:0.1em;
	color:#fff;
}
#profiles :first-child h1{
	/*border: 1px solid #e7e7e7;*/
}

/* visually indicate when it's open */
#profiles .active h1{
	background-color: #ff6600;
	border: 1px solid #ff6600;
	color:#000;	
}
#profiles h1:hover{
	background-color: #ff6600;
	border: 1px solid #ff6600;
	color:#000;
	
}

/* the panels, closed by default */
#profiles .description{
	padding:1em 0em 1em 1em;
	display:none;
	font-size: 12px;
	font-family: "Trebuchet MS",Arial;
	line-height:19px;
	/*text-align:justify;*/
	border:solid 1px #ff6600;
	margin:0px 0px 5px 0px;
}
#profiles .description p{
margin-bottom:15px;
}

.cir
{
border-radius: 50% 50% 50% 50%;
width:130px;
height:130px;
background:#FF6600;
margin-left:15px;
float:right;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(0deg) scale(0) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
}
.cir:hover
{
/*border-radius: 50%;*/
width:130px;
height:130px;
background:#175A96;
margin-left:15px;
float:right;
-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;
/*border-radius: 50% 50% 50% 50%;*/
transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
}
.cir img
{
margin-top:20px;
margin-left:10px;
width:80%;
}

/* needed only for the tabs, so we hide it here */
nav{
	display:none;
}

.description ul li
	{
	margin:0px;
	padding:0px 0px 10px 12px; 
	display:block;
	background:url(../images/but_arrow.png) 0px 4px no-repeat;
	color:#000;
	}

.description h2
	{
	color:#07599f;
    font-family: 'oxygenbold';
	font-size:15px;
	}

.description p b
	{
	color:#105492;
	}
	
	
.description table
{
border-collapse:collapse;
}

.description table tr td
{
font-family: "Trebuchet MS",Arial;
font-size:12px;
margin:0px 15px 10px 0px;
line-height:17px;
padding:6px;
text-align:justify;
color:#6c6c6c;
border:solid 1px #ccc;
}
.description table b
{
color:#000000;
}

.pdr_rht
{
float:none; width:98%; padding-right:0%;
}
.pdr_lft
{
float:none; width:98%; padding-right:0%; border-right:dotted 0px #ccc;
margin-bottom:20px;
}
.pdr_app
{
background:#f07e33;
height:auto;
text-align:center;
padding:10px 0px;
width:100%;
margin-bottom:20px;
webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
}
.pdr_app img
{
text-align:center;
margin:0% 0%;
}

.pdr_app div
{
font-size:14px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
}
.pdr_app a
{
color:#000000;
font-size:15px;
}
.pdr_app a:hover
{
color:#fff;
font-size:15px;
}



.pdr_user
{
height:auto;
text-align:center;
background:#319ffe;
padding:10px 0px;
width:100%;
margin-bottom:20px;
webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
}

.pdr_user img
{
text-align:center;
margin:0% 0%;
}
.pdr_user div
{
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}
.pdr_user a
{
color:#000000;
font-size:15px;
}
.pdr_user a:hover
{
color:#fff;
font-size:15px;
}



.pdr_follw
{
background:#dddddd;
height:auto;
width:100%;
display:block;
float:none;
webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
padding-top:0.438em;
text-align:center;
margin-bottom:20px;
}


.pdr_follw div
{
font-family: "Trebuchet MS",Arial;
font-size:13px;
font-weight:bold;
color:#000;
}

.pdr_follw span
{
padding:2% 27%;
float:left;
}

.soci-icon {
    text-align: center; /*Set a width and text-align on the main div*/
}

.soci-icon ul{
    margin:0;
    padding:0;
    display:inline-block;
}

.soci-icon ul li {
    float: left;
    padding:3px 0px!important;
	background:none!important;
}



/*@media screen and (min-width:768px){

.pdr_rht
{
float:right; width:21%; margin-right:1%;
}
.pdr_lft
{
float:left; width:73%; padding-right:3%; border-right:dotted 1px #ccc;
}

}*/

@media screen and (min-width:800px){

.pdr_rht
{
float:right; width:22%;
}
.pdr_lft
{
float:left; width:73%; padding-right:3%; border-right:dotted 1px #ccc;
}


.pdr_app
{
background:#f07e33;
height:auto;
width:100%;
float:left;
webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
padding-top:0.438em;
padding-bottom:0.438em;
margin-bottom:20px;
}
.pdr_app div{
color:#fff;
font-weight:bold;
}


.pdr_app a
{
color:#000000;
font-family: "Trebuchet MS",Arial;
font-size:11px!important;
}
.pdr_app a:hover
{
color:#fff;
font-family: "Trebuchet MS",Arial;
}
.pdr_app img
{
float:left;
margin-left:9px;
margin-right:9px;
margin-top:5px;
}
.pdr_user
{
background:#319ffe;
height:auto;
width:100%;
display:block;
webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
padding-top:0.438em;
padding-bottom:0.438em;
margin-bottom:20px;
float:left;
}

.pdr_user div
{
font-family: "Trebuchet MS",Arial;
font-size:13px;
color:#FFFFFF;
}

.pdr_user a
{
color:#000000;
font-family: "Trebuchet MS",Arial;
font-size:11px!important;
}
.pdr_user a:hover
{
color:#fff;
}

.pdr_user img
{
float:left;
margin-left:9px;
margin-right:9px;
margin-top:5px;
}






.pdr_follw
{
background:#dddddd;
height:auto;
width:100%;
display:block;
float:left;
webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
padding-top:0.438em;
text-align:center;
margin-bottom:20px;
}


.pdr_follw div
{
font-family: "Trebuchet MS",Arial;
font-size:13px;
font-weight:bold;
color:#000;
}

.pdr_follw span
{
padding:2% 27%;
float:left;
}

.soci-icon {
    text-align: center; /*Set a width and text-align on the main div*/
}

.soci-icon ul{
    margin:0;
    padding:0;
    display:inline-block;
}

.soci-icon ul li {
    float: left;
    padding:3px 0px!important;
	background:none!important;
}



#profiles .description{
	border:none;
	
}
#profiles .description{
	padding:0em 0em 1em 1em;
}
	/* display the tabs handles on the left side */
	nav{
		display: block;
		width:15em;
		float: left;
		margin-top:0em;
	}
	nav ul{
		list-style: none;
		margin: O;
		padding: 0;
	}
	nav a{
		display: block;
		color: inherit;
		text-decoration: none;
		padding: 9px 9px;
		font-weight:bold;
		
		
	}
	nav li{
		border-left: 0px solid #999;
		margin: 0;
		font-family: "Trebuchet MS",Arial;
    	font-size: 12px;
	}
	nav #ra
	{
	border-bottom: 1px dotted #ccc;
	width:100	%;
	}
	nav a:hover{
		display: block;
		color: inherit;
		text-decoration: none;
		background: #ff6600;
		background-position: right;
		color: #FFFFFF;
		border-bottom:none!important;
		transition: all 0.5s ease-in-out 0.0s;
		
	}
	nav li:first-child{
		border-top: 0px solid #999;
	}
	/* visually indicate when it's open */
	nav .active{
		background: #ff6600;
		background-position: right;
		color: #FFFFFF;
	}
	
	#profiles{
		margin-left:15em; /* make room for the handles */
		border:0px solid #989898;

	}


	
	/* hide all the profiles except the one that's active */
	#profiles article{
		display: none;
	}
	#profiles .active{
		display: block;
		
	}
	
	/* override accordion styling */
	#profiles h1{
		background-color: transparent;
		border: none;
		cursor: auto;
	}
	#profiles h1:first-child{
		border-top: 0;
	}
	#profiles .active h1{
		background-color: transparent;
	}
	#profiles .description{
		display: block;
	font-family: "Trebuchet MS",Arial;
    font-size: 12px;
    line-height: 19px;
	text-align:justify;
		
	}
	
	#profiles .description p{
	color: #000;
    font-family: "Trebuchet MS",Arial;
    font-size: 12px;
    line-height: 19px;

    text-align: justify;
	}
	
	.description h2
	{
	color:#135693;
    font-family: "Trebuchet MS",Arial;
	font-size:15px;
	}
	
	.description ul li
	{
	margin:0px;
	padding:0px 0px 10px 12px; 
	display:block;
	background:url(../images/but_arrow.png) 0px 4px no-repeat;
	color:#000;
	font-family: "Trebuchet MS",Arial;
	}
	.description p b
	{
	color:#000;
	}
	
	#profiles h1{
	display:none;
	}
}