/* ---------------------------------------------------------------------------
                                Global Classes
----------------------------------------------------------------------------- */
body{ margin:0; background-image:url(/images/t1/body-bg.jpg); background-repeat:repeat-x; background-position:top; }
.clearfix{ clear:both; }
a{ outline:none; color:#C32C2C; }
a:hover{ text-decoration:none; }
h1, h2, h3, h4, h5, h6, form { margin:0; padding:0; }

input, textarea, select, button{padding:5px;}

input[type=submit], input[type=reset], input[type=button] { 
background: black; 
background-position: 0px -401px; 
border: solid 1px #000000; 
color: #ffffff;
height: 25px;
font-size: 14px;
margin-top: 3px;
padding-top: 3px;
-webkit-border-radius: 10;
-moz-border-radius: 10;
border-radius: 10px;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {background: white;background-position: 0px -501px;color: #000000; }


/* ---------------------------------------------------------------------------
                                Header Classes
----------------------------------------------------------------------------- */
#header{ 
	width:100%;
	margin-bottom:20px;
	}
#header .top{
	height:112px;
	width:960px;
	margin:0 auto;
	}
#header .logo{
	width:281px;
	float:left;
	margin:10px 0 0 0;
	}
	#header .logo a{
		display:block;
		background-image:url(/images/t1/logo_callinstudio_281x90_clear.png);
		height:90px;
		text-indent:-9999px;
		}
		
#header .navigation1{
	float:right;
	/* width:470px; */
	margin-top:57px;
	margin-right: 70px;
	}
	#header .navigation1 ul{
		margin:0;
		padding:0;
		list-style-type:none;
		}
	#header .navigation1 li{
		color:#ffffff;
		display:block;
		float:left;
		font-family:Verdana, Arial, sans-serif;
		font-size:20px;
		line-height:37px;
		}
	#header .navigation1 li a{
		color:#ffffff;
		display:block;
		text-decoration:none;
		padding:0 18px 0 18px;
		background-image:url(/images/t1/menu-sep.jpg);
		background-position:left;
		background-repeat:no-repeat;
		<!--text-shadow:1px 1px 1px #000000;-->
		text-transform:uppercase;
		}
	#header .navigation1 li:first-child a{
		background-image:none;
		}
	#header .navigation1 li a:hover{
		color:#E7353A;
		}
#header .navigation2{
	background-image:url(/images/t1/navi2-bg.jpg);
	height:44px;
	}
	.navigation2 .menus{
		width:960px;
		margin: 0 auto;
		}
	.navigation2 ul{
		margin:0;
		padding:0;
		list-style-type:none;
		}
	.navigation2 li{
		color:#ffffff;
		display:block;
		float:left;
		font-family:Verdana, Arial, sans-serif;
		font-size:13px;
		line-height:44px;
		}
	.navigation2 li.selected{
		background:url('/images/t1/nav_pointer.png') no-repeat center bottom;
		}
	.navigation2 li a{
		color:#ffffff;
		display:block;
		text-decoration:none;
		padding:0 9px 0 9px;
		<!--text-shadow:1px 1px 1px #000000;-->
		}
	.navigation2 li a:hover{
		color:#ffffff;
		background-image:url(/images/t1/menuhover2.jpg);
		background-repeat:repeat-x;
		<!--text-shadow:1px 1px 1px #89181A;-->
		}
#header .menu3{
	width:960px;
	margin: 0 auto;
	}
	#header .navigation3{
	float:right;
	width: 309px;
	}
	.navigation3 ul{
		margin:0;
		padding:0;
		float:right;
		list-style-type:none;
		}
	.navigation3 li{
		float:left;
		display:block;
		}
	.navigation3 li.balance{
		float:left;
		display:block;
		height:26px;
		background-color:#c32c2c;
		line-height:26px;
		color:#ffffff;
		font-size:13px;
		font-family:Verdana, Arial, sans-serif;
		text-shadow:1px 1px 1px #701919;
		padding:0 7px 0 7px;
		margin-right:2px;
		}
		.navigation3 li.logout a{
		float:left;
		display:block;
		height:26px;
		background-color:#303030;
		line-height:26px;
		color:#ffffff;
		font-size:13px;
		font-family:Verdana, Arial, sans-serif;
		text-shadow:1px 1px 1px #1e1e1e;
		padding:0 7px 0 7px;
		text-decoration:none;
		}
		.navigation3 li.logout a:hover{
		background-color:#c32c2c;
		text-shadow:1px 1px 1px #701919;
		}
		
/* ------------------ Breadcrumbs ---------------- */
#header .breadcrumbs{ float:left; width:650px; font:13px Verdana, Arial, sans-serif; color:#151515; line-height:25px; height:25px; }
#header .breadcrumbs a{ color:#C32C2C; }
#header .breadcrumbs a:hover{ color:#151515; text-decoration:none; }
/* ------------------ Breadcrumbs ends ---------------- */

/* ------------------ Tab Navigation -------------- */
.tabs {
	list-style-type:none;
	margin:0;
	padding:8px 16px 8px 16px;
	background-color:transparent; 
	border-bottom: 3px solid #555;
}

.tabs li {
	display:inline;
	text-align:center;
	padding: 8px 16px 8px 16px;
	border: 2px solid #555;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	background-color:transparent;
}

.tabs li:hover {
	background-color:#ccc;
}

.tabs li.tab-selected, .tabs li.tab-selected a {
	background-color:#555;
	color:white;
	text-decoration: none;
}

/* --------------- Tab Navigation ends ------------ */
		


/* ---------------------------------------------------------------------------
                                Content Part
----------------------------------------------------------------------------- */
#contentPart{ width:960px; margin:0 auto; min-height:325px; font:13px Verdana, Arial, sans-serif; color:#151515; }
#contentPart p{ line-height:17px; margin:0 0 12px 0; padding:0; }

#contentPart .align_right{ float:right; margin:0 0 5px 10px; padding:4px; border:1px solid #e0e0e0; }
#contentPart .align_left{ float:left; margin:0 0 5px 10px; padding:4px; border:1px solid #e0e0e0; }

.two-cols .left-col{ float:left; }
.two-cols .right-col{ float:right; }

.three-cols .left-col{ float:left; width:210px; margin-right:25px; }
.three-cols .mid-col{ float:left; width:490px }
.three-cols .right-col{ float:right; width:210px; }


#contentPart h1{ display:block; border-bottom:3px double #e0e0e0; font-weight:normal; padding-bottom:5px; margin-bottom:12px; }
#contentPart h3.grey{ display:block; background-color:#E53D40; font:18px Arial, Helvetica, sans-serif; color:#ffffff; font-weight:normal; background-image:url(/images/t1/navi2-bg.jpg); height:32px; line-height:32px; text-indent:12px; text-shadow:1px 1px 1px #000000;}
#contentPart h3.normal{ display:block; font:21px Arial, Helvetica, sans-serif; color:#151515; font-weight:normal; margin-bottom:10px; border-bottom:3px double #E8E8E8; padding-bottom:10px; }

#contentPart h3.grey a{ color:#ffffff; }


/* ------------------ Data Table Structures ---------------- */
#contentPart div.first{ margin-bottom:35px; }
#contentPart div.first2{ margin-bottom:20px; }
#contentPart .small { font-size:11px; }

#contentPart .narrow{ width:300px; font:13px Verdana, Arial, sans-serif; color:#151515; }
#contentPart .narrow2{ width:450px; font:13px Verdana, Arial, sans-serif; color:#151515; }
#contentPart .narrow3{ width:600px; }

#contentPart  .text{ font:13px Verdana, Arial, sans-serif; color:#151515; line-height:18px; }

#contentPart .table1{ border-left:1px solid #dfdfdf; font:13px Verdana, Arial, sans-serif; color:#151515; }
#contentPart .table1 a.change{ display:block; background-image:url(/images/t1/ico-change.png); background-repeat:no-repeat; text-indent:20px; color:#C32C2C; }
#contentPart .table1 a.change:hover{ text-decoration:none; }

#contentPart  strong.red { color:#c32c2c; }
#contentPart .table1 td{ border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; }
#contentPart .table1 tr:hover{ background-color:#F4F4F4; }

#contentPart .table2{ border-left:1px solid #dfdfdf; font:13px Verdana, Arial, sans-serif; color:#151515; }
#contentPart .table2 th{ background-color:#4F4F4F; border-right:1px solid #5B5B5B; border-bottom:1px solid #5B5B5B; font-weight:normal; color:#ffffff; text-shadow:1px 1px 1px #212121; }
#contentPart .table2 td{ border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; }
#contentPart .table2 tr:hover{ background-color:#F4F4F4; }
#contentPart .table2 .linkimg{ margin-right:5px; }
/* ------------------ Data Table Structures ends ---------------- */


/* ---------------- Various Form Classes ----------- */
#contentPart .inputfield1{ border:solid 1px #d0d0d0; height:20px; width:200px; }
#contentPart .inputfield1:hover, #contentPart .inputfield1:focus{ border:solid 1px #cf5858; }

#contentPart .dropfield1{ width:150px; }
/* ---------------- Various Form Classes ends ----------- */



/* ---------------------------------------------------------------------------
                                Login Box
----------------------------------------------------------------------------- */
.form{ color:#151515; font:13px Verdana, Arial, sans-serif; padding-bottom:10px; border-bottom:4px double #e3e3e3; margin-bottom:9px; }
.form .textBox{border:solid 2px #e8e8e8; height:24px; padding:4px 0 0 4px; }	
.form .textBox:hover{ border:solid 2px #d0d0d0; }


/* ---------------------------------------------------------------------------
                              	  Footer 
----------------------------------------------------------------------------- */
#footer{ background-image:url(/images/t1/footerbg2.jpg); height:60px; background-repeat:repeat-x; }
#footer .content { width:960px; margin: 0 auto; text-align:left; font:12px Verdana, Arial, sans-serif; color:#5b5b5b; line-height:62px; }
	.content a{color:#6b6b6b; }
#bottom{ background-color:#000000; height:30px; }
#bottom .bottom_text{ width:960px; margin: 0 auto; text-align: right; font: 12px Verdana, Arial, sans-serif; color:#5b5b5b; line-height:30px; }