/*
Author : Mahesh dyade
Company : Teleparadigm networks

*/

*{
padding:0;
margin:0;
outline:none;
text-decoration:none;
}
a
{
border:none;
text-decoration:none;
}
#start-page{
background:url(../images/background_strip.png) right top  fixed repeat-x ;
font: normal 12px/16px  Arial, Helvetica, sans-serif;
color::#000;
}
#inner-page{
background:url(../images/background_strip.png) right top  fixed repeat-x ;
font: normal 12px/16px  Arial, Helvetica, sans-serif;
color::#000;
}
#home-page-wrapper
{
background:url(../images/glow.png) -60px top  no-repeat;
width:100%;
height:100%;
min-height:530px;
}
#home-header-wrapper ,#header-wrapper
{
position:relative;
height:72px;
top:0px;
background:#D9D9D9; 
width:100%;
}
#home-logo-wrapper
{
height:35px;
width:300px;
position:relative;
top:0px;
left:20px;
line-height:35px;
}
#home-logo-wrapper #logo
{
height:72px;
width:280px;
display:block;
line-height:60px;
background:url(../images/app_icon_iPad.png) left top no-repeat;
}
#inner-page-wrapper
{
background:#FFF;
width:100%;
height:100%;
min-height:530px;
}
#inner-header-wrapper
{
position:relative;
height:72px;
top:0px;
width:100%;
background: #D9D9D9;
}
#inner-logo-wrapper
{
height:65px;
width:140px;
position:relative;
top:25px;
left:70px;
float:left;
}
#inner-logo-wrapper #logo
{
background:url(../images/app_icon.png) left top no-repeat;
height:65px;
width:65px;
display:block;
}
#header-links-wrapper
{
width:350px;
float:right;
height:30px;
position:absolute;
top:0px;
right:50px;
line-height:30px;
}
#header-links-wrapper ul
{
list-style:none;
}
#header-links-wrapper ul li
{
list-style:none;
float:left;
color:#000;
margin-right:5px;
}
#header-links-wrapper ul li a
{
color:#000;
text-decoration:underline;
font-weight:bold;
padding:2px 5px;
line-height:15px;
}
#header-links-wrapper ul li span
{
color:#000;
font-weight:bold;
padding-right:5px;
font-size:13px;
}
#bread-crumb
{
position:relative;
top:0px;
left:0px;
width:100%;
border-top:#F6F6F6 1px solid;
border-bottom:#EFEFEF 1px solid;
height:20px;
background-color: #D9E0E7;
}
#bread-crumb ul
{
padding-left:20px;
list-style:none;
line-height:20px;
}
#bread-crumb ul li
{
line-height:20px;
float:left;
margin-right:3px;
font-size:11px;
}
#bread-crumb ul li a
{
color:#0099FF;
font-size:11px;
}
#header-links-wrapper h4
{
font-weight:normal;
font-size:16px;
line-height:20px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}
.welcome-text
{
padding-right:5px;
}
#header-links-wrapper a
{
color:#663300;
padding-left:16px;
}
/*----------- content wrapper ----------*/
#login-box-wrapper
{
position:relative;
top:165px;
width:340px;
height:220px;
padding:25px 55px;
margin:0 auto;
background:url(../images/login_box.png) left top no-repeat;
}
#login-box-wrapper h2
{
font-size:22px;
color:#000;
font-weight:normal;
margin-bottom:15px;
}
#login-form
{
width:340px;
padding:20px 0;
height:180px;
}
.login-field
{
height:40px;
width:340px;
margin-bottom:10px;
}
#login-form label
{
float:left;
font-size:13px;
color:#000;
margin-right:10px;
line-height:35px;
width:60px;
font-weight:bold;

}
#login-form .textbox
{
background:#FFF;
font: bold 12px/25px Arial, Helvetica, sans-serif;
padding:5px;
width: 255px;
border-left: #D1D1D1 1px solid;
border-top: #D1D1D1 1px solid;
float: left;
}

.login-submit
{
background: url(../images/login_submit.png) no-repeat;
width: 83px;
height: 35px;
float: right;
border:none;

}

/*---------- Misc */
.clear-fix
{
clear:both;
height:2px;
}


/*-------------- Admin Side  -----------*/

#admin-control-panel
{
background:url(../images/admin_box_1000.png) left top no-repeat;
height:1090px;
width:636px;
margin:70px auto 0 auto;
}
#admin-control-panel ul#admin-menu 
{
list-style:none;
float:left;
margin:20px;
}
#admin-menu  li
{
float: left;
width: 110px;
height: 100px;
margin: 39px 43px
}
/*margin: 39px 43px;*/
#admin-menu  li span
{
display:block;
font-weight:bold;
text-align:center;
padding-top:10px;
font-size:13px;
color:#000;
}

/*---------------- Organization Page -------*/
#add_organization_wrapper ,#add_event_wrapper
{
position:relative;
max-height:450px;
width:100%;
margin:0px auto 0 auto;
}
#add_organization_form ,#add_event_form
{
padding:15px 10px;
float:left;
width:250px;
margin-right:20px;
margin-top:10px;
background:#E9F0F8;
border:#CCC 1px dotted;
margin-left:2px;
}

#add_organization_form h2,#add_event_form h2,#add_talkingpoints_form h2
{
padding-left:0px;
font-size:20px;
}

#add_organization_wrapper form ,#add_event_wrapper form
{
padding:15px 10px;
width:200px;
/* margin:0 auto; */
}

#add_organization_wrapper p. , p.textfield
{
line-height:26px;
display:block;
}
#add_organization_wrapper p label,p label
{
font-weight:bold;
width:200px;
float:left;
}
#add_organization_wrapper p input ,p input ,
{
padding:2px;
background:#FCFDFE;
line-height:25px;
height:25px; 
border:#B4CCE7 1px solid;
}
.submit{
float:right;
margin-top:10px;
margin-right:30px;
}
.file
{
width:140px!important;
}
#oraganization_view ,#event_view
{
width:900px;
float:left;
padding:10px 0;
}
#talkingpoints_view
{
width:820px;
float:left;
padding:10px 0;
}
#footer-wrapper
{
position:fixed;
bottom:0px;
height:25px;
background:#D9D9D9 ;
bottom:0px;
width:100%;
}
#copyright
{
color:#000;
font-size:12px;
font-weight:bold;
line-height:25px;
margin-left:1%;
}
/*------------ data table ---------*/
#dt_example {
	font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #fff;
}


#dt_example #container {
	width: 650px;
	margin: 30px auto;
	padding: 0;
}


#dt_example #footer {
	margin: 50px auto 0 auto;
	padding: 0;
}

#dt_example #demo {
	margin: 30px auto 0 auto;
}

#dt_example .big {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.6em;
	color: #4E6CA3;
}

#dt_example .spacer {
	height: 20px;
	clear: both;
}

#dt_example .clear {
	clear: both;
}

#dt_example pre {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

#dt_example h1 {
	margin-top: 2em;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.6em;
	color: #4E6CA3;
	border-bottom: 1px solid #B0BED9;
	clear: both;
}

#dt_example h2 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.6em;
	color: #4E6CA3;
	clear: both;
}

#dt_example a {
	color: #0063DC;
	text-decoration: none;
}

#dt_example a:hover {
	text-decoration: underline;
}

#dt_example ul {
	color: #B0BED9;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	min-height: 302px;
	_height: 302px;
	clear: both;
}

.dataTables_processing {
	position: absolute;
	top: 15px;
	left: 50%;
	width: 250px;
	margin-left: -100px;
	border: 1px solid #ddd;
	text-align: center;
	color: red;
	font-size: 11px;
	padding: 2px 0;
	
}

.dataTables_length {
	width: 150px;
	float: left;
}

.dataTables_filter {
	width: 250px;
	float: right;
	text-align: right;
}

.dataTables_info {
	padding-top: 4px;
	width: 250px;
	
}

.dataTables_paginate {
	width: 44px;
	* width: 50px;
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('../images/datatable/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../images/datatable/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../images/datatable/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../images/datatable/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	width: 100% !Important;
	clear: both;
}

table.display thead th {
	padding: 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
	
}

table.display tfoot th {
	padding: 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}

td {
	text-align: center;
}


table.display1 {
	margin: 0 auto;
	width: 100% !Important;
	clear: both;
}

table.display1 thead th {
	padding: 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
	
}

table.display1 tfoot th {
	padding: 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display1 tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display1 td {
	padding: 3px 10px;
}

table.display1 td.center {
	text-align: center;
}


table.display2 {
	margin: 0 auto;
	width: 100% !Important;
	clear: both;
}

table.display2 thead th {
	padding: 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
	
}

table.display2 tfoot th {
	padding: 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display2 tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display2 td {
	padding: 3px 10px;
}

table.display2 td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../images/datatable/sort_asc.jpg') no-repeat center right;
}

.sorting_desc {
	background: url('../images/datatable/sort_desc.jpg') no-repeat center right;
}

.sorting {
	background: url('../images/datatable/sort_both.jpg') no-repeat center right;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.oddA {
	background-color: #ddffdd;
}

table.display tr.evenA {
	background-color: #eeffee;
}

table.display tr.oddC {
	background-color: #ddddff;
}

table.display tr.evenC {
	background-color: #eeeeff;
}
table.display tr.odd {
	background-color: #ddddff;
}

table.display tr.even {
	background-color: #eeeeff;
}
table.display tr.oddX {
	background-color: #ffdddd;
}

table.display tr.evenX {
	background-color: #ffeeee;
}

table.display tr.oddU {
	background-color: #ddd;
}

table.display tr.evenU {
	background-color: #eee;
}


table.display1 tr.oddA {
	background-color: #ddffdd;
}

table.display1 tr.evenA {
	background-color: #eeffee;
}

table.display1 tr.oddC {
	background-color: #ddddff;
}

table.display1 tr.evenC {
	background-color: #eeeeff;
}

table.display1 tr.oddX {
	background-color: #ffdddd;
}

table.display1 tr.evenX {
	background-color: #ffeeee;
}

table.display1 tr.oddU {
	background-color: #ddd;
}

table.display1 tr.evenU {
	background-color: #eee;
}
table.display1 tr.odd {
	background-color: #ddddff;
}

table.display1 tr.even {
	background-color: #eeeeff;
}


table.display2 tr.oddA {
	background-color: #ddffdd;
}

table.display2 tr.evenA {
	background-color: #eeffee;
}

table.display2 tr.oddC {
	background-color: #ddddff;
}

table.display2 tr.evenC {
	background-color: #eeeeff;
}

table.display2 tr.oddX {
	background-color: #ffdddd;
}

table.display2 tr.evenX {
	background-color: #ffeeee;
}

table.display2 tr.oddU {
	background-color: #ddd;
}

table.display2 tr.evenU {
	background-color: #eee;
}
table.display2 tr.odd {
	background-color: #ddddff;
}

table.display2 tr.even {
	background-color: #eeeeff;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.top, .bottom {
	padding: 15px;
	background-color: #E9F0F8;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}


.example_alt_pagination div.dataTables_info {
	width: auto;
}

.example_alt_pagination .dataTables_paginate {
	width: 400px;
}

.example_alt_pagination div.dataTables_paginate span.paginate_button,
 	.example_alt_pagination div.dataTables_paginate span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}

.example_alt_pagination div.dataTables_paginate span.paginate_button {
	background-color: #ddd;
}

.example_alt_pagination div.dataTables_paginate span.paginate_button:hover {
	background-color: #ccc;
}

.example_alt_pagination div.dataTables_paginate span.paginate_active {
	background-color: #99B3FF;
}


.odd_selected {
	background-color: #B0BED9;
}

.even_selected {
	background-color: #9FAFD1;
}
.dataTables_paginate .last{display:none;}
.dataTables_paginate .first{display:none;}
.dataTables_paginate .next{display:none;}
.dataTables_paginate .previous{display:none;}
a.paginate_active, a.paginate_button{
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	
}
a.paginate_active{
	background-color: #99B3FF;
}

a.paginate_button{
	background-color: #ccc;
}

/* ---------- page under construct ----*/
.under_construct
{
position:relative;
top:200px;
left:210px;
display:block;

}

/*------------- modal box ---------*/
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; }

/* Container */
#simplemodal-container {width:230px; height:500px; background-color:#E9F0F8; border:1px solid #EEE; padding:12px;border-radius : 18px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#error_Msg{
	color:#ff0000;
}

/*------------- talking points -----------*/
#add_talkingpoints_form{
padding:15px;
float:left;
width:250px;
margin-right:20px;
margin-top:10px;
background:#E9F0F8;
border:#CCC 1px dotted;
margin-left:2px;
}
/*------------ Social Settings  ---------*/
#add_socialsetting_wrapper
{
width:700px;
margin:20px auto;
background:#E9F0F8;
padding:10px 15px;
border:#F9F9F9 1px solid
}
#add_socialsetting_wrapper h2
{
padding:10px;
}

#add_socialsetting_wrapper fieldset
{
position:relative; 
width:300px;
margin:10px; auto;
min-height:160px;
background:#FEFEFE;
padding:10px;
float:left;
border:#CCCCCC 1px solid;
}
#add_socialsetting_wrapper fieldset legend
{
padding:5px;
font-weight:bold;
color:#66CCFF;
}

#add_socialsetting_wrapper fieldset  label 
{
float:left;
width:140px;
}
.addsetting
{
background:#DCDCDC !important;
padding:3px 5px;
float:right;
font-weight:bold;
margin-right:5px; 
}
#add_socialsetting_wrapper .save
{
float:right;
position:absolute;
right:20px;
bottom:10px;

}
.edit
{
float:right;
font-weight:bold;
margin-right:10px;
/* position:absolute; */
top:15px;
right:10px;
cursor:pointer;
}
.error
{
float:left;
position:absolute;
left:20px;
bottom:5px;
font-size:11px;
color:#FF0000;
}
a.basic
{
 cursor:pointer!important;
}
#add_organization_form_left
{
padding:15px 10px;
float:left;
width:200px;
margin-left:10px;
margin-top:10px;
background:#E9F0F8;
border:#CCC 1px dotted;
}

#add_organization_form_right
{
padding:15px 10px;
float:right;
width:200px;
margin-right:10px;
margin-top:10px;
background:#E9F0F8;
border:#CCC 1px dotted;
}
#add_organization_form_right h2,
#add_organization_form_left h2
{
font-size:20px;
text-align:center;
}

/**
* Menu 
***/
#main-menu
{
position:relative;
top:-2px;	
width: 100%;
background:#39879F;
height:30px;
}

#main-menu li
{
float:left;
line-height:30px;
margin:0 10px;
list-style:none;
padding:0 10px;
}
#main-menu li a
{
line-height:30px;
list-style:none;
color:#FFF;
font-weight:bold;
}
#main-menu li.active 
{
margin-top:2px;
background:#EEE;
height:28px;
line-height:28px;
border-top-left-radius:8px;
border-top-right-radius:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
}

#main-menu li.active a
{
color:#222;
}

#push_msg{ 
resize:none;
}
.visible_top{
z-index:29999; 	
}
/** cdate  alignment*/
#c_date
{
 position:relative;
 right:10px;
 line-height:30px;			
 float:right;
 margin-right:10px;
 color:#FFF; 	 	 	
}
.textfield_date
{
 float:left;
 width:45px;
}

/* ---------- tabs ----*/
#flip-navigation{  
    margin:0 0 0px; padding:0;   
    list-style:none;  
	
}  
#flip-navigation li{   
    display:inline;   
}
#flip-navigation li a{  
    text-decoration:none; padding:4px;   
    margin-right:0px;  
    background:#999;  
    color:#FFFFFF; outline:none;  
    font-family:Arial; font-size:12px;  
}  
#flip-navigation li a:hover{  
    background:#999;   
    color:#FFFFFF;  
}  
#flip-navigation li.selected a{  
    background:#7F90A2;  
    color:#FFFFFF;  
}


/** 
Add Keycode Wrapper */
#add_keycode_wrapper
{

padding:25px;
width:220px;
margin:10px auto;
}
#add_pushnotification_wrapper
{
background:#f2f2f2;
border:#bbb 1px solid;
padding:25px;
width:220px;
margin:10px auto;
border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
box-shadow:0px 0px 0px rgb(51, 204, 0);
}
#add_keycode_wrapper input[type=text],
#add_pushnotification_wrapper input[type=text],
#add_pushnotification_wrapper textarea,
#add_pushnotification_wrapper select
{
padding:4px;
border:#bbb 1px solid;
width:210px;
resize:none;
}

#add_pushnotification_wrapper #date
{
padding:4px;
border:#bbb 1px solid;
width:180px !important;
resize:none;
}
#add_keycode_wrapper input[type=submit],
#add_pushnotification_wrapper input[type=submit]
{
padding:5px 6px;
margin:20px auto 0 auto;
float:none;
display:block;
border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
box-shadow:0px 0px 0px rgb(51, 204, 0);
}

#errorMsg
{
font-size:14px;
color:#ff0000;
text-align:center;
padding:10px;
}