/*
 *	General styles
 */

body{
    position:relative;
    margin:0;
    -webkit-text-size-adjust:none;
    min-height:416px;
    font-family:helvetica,sans-serif;
    -webkit-background-size:0.438em 100%;
    background:#ffffff;
    -webkit-touch-callout:none;
    width: 100%;
    height: 100%;
}

.center{
margin:auto;
display:block;
text-align:center!important
}

img{
border:0
}

.myMessages a{
    color: #ffff4c;
}

a{
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}

a:hover .arrow, .menu:hover span.arrow
{
    background-position:0 -13px!important
}

.menu:hover{
    text-decoration: none;
}

div,span,p { /* wraps the text even if it's a looooong word' */
    word-wrap: break-word;
}

/*
 *	Mobile portrait styles
 */
@media screen and (max-width:400px)
{
    #topbar{
        height:44px
    }

    #nav_menu{
        height:50px;
        width:100%;
        top:10px;
        background:none;
        text-align: center;
    }

    #nav_menu img{
        height:40px;
        width:40px;
        position:relative;
        margin-left:10px;
        margin-top:2px
    }

    #event_comment{
        width:100%;
        top:150px
    }

    #event_send{
        width:100%;
        top:79px
    }

    #content, #feed, #info, #info, #apps, #messages, #settings, #auto_loading{
        top:65px;
        width:100% 
    }

    #menuDiv, #logo, #snippetDiv, #contentRight{
        display:none;
    }

    #title{
        line-height:44px;
        height:44px;
        font-size:16pt
    }

    #tributton a:first-child, #duobutton a:first-child{
        width:101px
    }

    #tributton a:last-child,#duobutton a:last-child{
        width:101px
    }

    #tributton a{
        width:106px
    }

    #duobutton .links{width:195px}
    #tributton .links{width:302px}
    #doublead{width:300px!important}
    #duoselectionbuttons{width:191px;height:30px;top:7px}
    #triselectionbuttons{width:290px;height:30px;top:7px}
    #triselectionbuttons a:first-child,
    #duoselectionbuttons a:first-child{width:99px;height:28px;line-height:28px}
    #triselectionbuttons a{width:98px;height:28px;line-height:28px}
    #triselectionbuttons a:last-child,
    #duoselectionbuttons a:last-child{width:99px;height:28px;line-height:28px}
    .searchbox form{width:272px}
    .searchbox input[type="text"]{width:275px}
    .menu .name{max-width:65%}
    .checkbox .name{max-width:190px}
    .radiobutton .name{max-width:190px}
    #leftnav a,#rightnav a,#leftbutton a,#rightbutton a,#blueleftbutton a,#bluerightbutton a{line-height:30px;height:30px}
    #leftnav img,#rightnav img{
        margin-top:0px;
        width: 30px;
        height:30px;
    }
    #leftnav,#leftbutton,#blueleftbutton{
        position: fixed;
        left: 5px;
        top:10px;
        z-index: 10;
    }
    #rightnav,#rightbutton,#bluerightbutton{top:7px}
    .musiclist .name{max-width:55%}
    .textbox textarea{width:100%}
    .chatbubble textarea{max-width:280px}
    .event textarea{max-width:300px}
    .bigfield input{width:295px}

}

/*
 *	Mobile landscape styles
 */
@media screen and (min-width:401px) 
{
    #topbar{
        height:44px; 
        width:420px;
    }
    #content, #feed, #info, #apps, #messages, #settings, #auto_loading{
        top:85px;
        left:56px;
        width:420px
    }
    #menuDiv, #logo, #snippetDiv, #contentRight{
        display:none;
    }

    #nav_menu{
    height:50px;
    width:100%;
    top:10px;
    background:none;
    text-align: center;
    }

    #nav_menu img{
    height:40px;
    width:40px;
    position:relative;
    margin-left:10px;
    margin-top:2px
    }

    #event_comment{top:150px; left:56px; width:420px;}
    #event_send{top:32px; left:56px; width:420px}
    #title{line-height:32px;height:32px;font-size:13pt}
    .menu .name{max-width:65%}
    .checkbox .name{max-width:75%}
    .radiobutton .name{max-width:75%}
    #leftnav a,#rightnav a,#leftbutton a,#rightbutton a,#blueleftbutton a,#bluerightbutton a{
            line-height:30px;
            height:30px}
    #leftnav img,#rightnav img{
        margin-top:4px;
        height:30px;
        width:30px;
    }
    #leftnav,#leftbutton,#blueleftbutton{
        top:4px;
        z-index: 10;
    }
    #rightnav,#rightbutton,#bluerightbutton{top:4px}.musiclist .name{max-width:70%}
    .textbox textarea{width:100%}
    .chatbubble textarea{max-width:440px}
    .event textarea{max-width:440px}
    #tributton a:first-child,#duobutton a:first-child{width:152px}
    #tributton a:last-child,#duobutton a:last-child{width:152px}
    #tributton a{width:154px}
    #tributton .links{width:452px}
    #duobutton .links{width:298px}
    #doublead{width:350px!important}
    #duoselectionbuttons{width:293px;height:24px;top:4px}
    #triselectionbuttons{width:450px;height:24px;top:4px}
    #triselectionbuttons a:first-child,#duoselectionbuttons a:first-child{width:150px;height:22px;line-height:22px}
    #triselectionbuttons a{width:156px;height:22px;line-height:22px}
    #triselectionbuttons a:last-child,#duoselectionbuttons a:last-child{width:150px;height:22px;line-height:22px}
    .searchbox form{width:432px}
    .searchbox input[type="text"]{width:435px}
    .bigfield input{width:455px}

}

@media screen and (min-width:601px) {
#leftnav,#leftbutton,#blueleftbutton{
    top:20px;
    left:345px;
    position: absolute;
    z-index: 10;
}
    
    #nav_menu{
height:50px;
left: 310px;
width:400px;
top:10px;
background:none;
display: block;


}

#nav_menu img{
height:40px;
width:40px;
position:relative;
margin-left:10px;
margin-top:2px
}

#topbar{
    height:32px; 
    width:420px;
}

#logo img{
    margin-top: 5px; 
    height:25px;
}

#logo{
    bottom: 10px;
    left: 10px;
    position: fixed;
    display: block;
}

#content, #feed, #info, #apps, #messages, #settings, #auto_loading{
    top:100px;
    left:310px;
    width:400px;
    position: absolute;
} 


#snippetDiv, #contentRight{
    display: none;
}
    #menuDiv{
        display: block;
        width: 300px;
        min-height: 100px;
        left: 0px;
        top: 100px;
        position: absolute;
        color: #ffeeff;
 
    }
    
    #showShareMessage{ 

    }
}
@media screen and (min-width:801px)
{
    #leftnav,#leftbutton,#blueleftbutton{
    top:20px;
    left:345px;
    position: absolute;
    z-index: 10;
}

#nav_menu{
height:50px;
left: 310px;
width:400px;
top:10px;
background:none;
display: block;

}

#nav_menu img{
height:40px;
width:40px;
position:relative;
margin-left:10px;
margin-top:2px;
}

    #topbar{
        height:32px; 
        width:420px;
    }
    
    #logo{
        bottom: 10px;
        left: 10px;
        position: fixed;
        display: block;
    }
    
    #content, #feed, #info, #apps, #messages, #settings, #auto_loading{
        top:100px;
        left:310px;
        width:400px;
        position: absolute;
    } 

#menuDiv{
        display: block;
        width: 300px;
        min-height: 100px;
        left: 0px;
        top: 100px;
        position: absolute;
        color: #ffeeff;
 
    }

    #snippetDiv, #contentRight{
        display: block;
        width: 300px;
        //min-height: 100px;
        left: 720px;
        top: 100px;
        position: absolute;
        color: #ffeeff;
    }


}


#commentDiv
    {
        width: 100%;
        height: 100%;
        opacity: 0.9;
        background-color: #ffffff;
        z-index: 999;
        position: absolute;
        left: 0px;
        top: -5px;
        display:none;

    }
    
/*
 *	Calendar styles
 */
#calendar{
width:100%;
height: 320px;
position:relative;
display:block;
}

.calendar_week_row{
	width:320px;
	height:50px;
	position:relative;
	background:#FFFFFF;
	display:block;
}

.calendar_day{
	width:39px;
	height:39px;
	background-color:#CCCCCC;
	border:solid;
	border-color:#666666;
	border-width:1px;
	margin-top:2px;

	text-align:center;
	text-decoration:none;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:heavy;

	display:inline-block;
}

.calendar_day .booking{
	position:absolute;
	top:30;
	margin-left:2px;
	width:10px;
	height:10px;
	background-color:#FF0000;
}

#topbar.black{
	background:none;


}

#topbar.transparent{
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(133,133,133,0.7)),color-stop(3%,rgba(99,99,99,0.7)),color-stop(50%,rgba(32,32,32,0.7)),color-stop(51%,rgba(0,0,0,0.7)),color-stop(97%,rgba(0,0,0,0.7)),to(rgba(38,38,38,0.7)))
}

#topbar{
	position:fixed;
	left:0;top:0;
	width:100%;
	z-index:5;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#cdd5df),color-stop(3%,#b0bccd),color-stop(50%,#889bb3),color-stop(51%,#8195af),color-stop(97%,#6d84a2),to(#2d3642));
	margin-bottom:13px
}

#topbar.whtsonBlue{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 70px;
    opacity: 1;
    background: #5171a5;
    z-index: 5;
}


#topbar.pen{
	position:relative;
	left:0;
	top:0;
	width:auto;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#008bd5),color-stop(3%,#b0bccd),color-stop(50%,#889bb3),color-stop(51%,#8195af),color-stop(97%,#6d84a2),to(#005fa4));
	margin-bottom:13px
}

#nav_menu{
	position:fixed;
	z-index:9;
	margin-top:0px;
	text-align:center
}

#nav_menu.black{
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#858585),color-stop(3%,#636363),color-stop(50%,#202020),color-stop(51%,black),color-stop(97%,black),to(#262626))
}

#nav_menu .navMenuElement{
    width: 50px;
    height: 50px;
    position: relative;
    display: inline-block;
    text-align: center;
}

#nav_menu .navMenuElement img{
    height:40px;
    width:40px;
    position:relative;
    display: inline-block;
    margin-left: 0px;
    margin-top: 0px;
}

.navMenuElementCallout{
    min-width: 18px;
    height: 18px;
    border-style: solid;
    border-color: #ff0000;
    border-width: 2px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    background-color: #ff0000;
    position: absolute;
    top: -3px;
    right: -3px;
    text-align: center;
}

.navMenuElementCallout p{
    font-family: helvetica;
    font-weight: normal;
    font-size: 14px;
    color: #ffffff;
    position: relative;
    top: -15px;
}
#event_comment{
	position:fixed;
	height:auto
}

#event_send{
	position:fixed;
	height:auto;
	z-index:3;
	background: #fbbd13
}

#title{
	position:absolute;
	font-weight:lighter;
	top:0;
	left:0;
	right:0;
	z-index:0;
	padding:0 10px;
	text-align:center;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	color:#516fa3;

}

#content, #feed, #info, #apps, #messages, #settings, #auto_loading{
	position:relative;
	min-height:250px;
	margin-top:0px;
	height:auto;
	z-index:0;
	overflow:hidden;
	//margin-bottom:50px;
	padding-bottom:89px
}

#footer{
	text-align:center;
	position:relative;
	margin:20px 10px 0;
	height:auto;
	width:auto;
	bottom:10px}

.ipodlist #footer,.ipodlist #footer a{
	text-shadow:#FFF 0 -1px 0
}

#footer a,#footer{
	text-decoration:none;
	font-size:9pt;
	color:#4C4C4C;
	text-shadow:#FFF 0 1px 0
}

.fileinfo {
    position: relative;
    top: 5px;
}

.filesize, .uploaded {
    font-size: 9pt;
    margin-left: 5px;
}

.pageitem, .pageitem_no_border{
	background-color:#fff;
	border:#c3c8ce solid 1px;
	font-size:12pt;
        font-weight: lighter;
	overflow:hidden;
	padding:0;
	position:relative;
	display:block;
	height:auto;
	width:auto;
	margin:3px 0px 17px;
	list-style:none
}

.pageitem .pageitem:first-child, .pageitem_no_border .pageitem_no_border:first-child{
    margin-top: 10px;
}

.pageitem_no_border{
    border: none;
}

.textbox{
	padding:5px 9px;
	position:relative;
	overflow:hidden;
	border-top:1px solid #c3c8ce
}



.event {
	height:auto;
	margin:6px auto;
	padding:6px;
	position:relative;
	width:100%;
	display:block;
	background:white;
	border:1px solid #aaaaaa;
}

#tributton,#duobutton{
	height:44px;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#cdd4d9),color-stop(3%,#c0c9cf),color-stop(97%,#abb7bf),to(#81929f));
	margin:-13px 0 13px 0;
	text-align:center
}

#tributton .links,#duobutton .links{
	height:30px;
	-webkit-border-image:url("../images/tributton.png") 0 4 0 4;
	border-width:0 4px 0 4px;
	margin:0 auto 0px auto;
	position:relative;top:7px
}

#tributton a:first-child,#duobutton a:first-child{
	border-right:1px solid #6d7e91;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	margin-left:-4px
}

#tributton a,#duobutton a{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	height:27px;
	display:inline-block;
	line-height:27px;
	margin-top:1px;
	font:bold 13px;
	text-decoration:none;
	color:#3f5c84;
	text-shadow:#FFF 0 1px 0
}

#duobutton a:last-child{
	border:0
}

#tributton a:last-child{
	border-left:1px solid #6d7e91
}

#tributton a:last-child,#duobutton a:last-child{
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	margin-right:-4px
}

#tributton a:hover,#tributton a#pressed,#duobutton a:hover,#duobutton a#pressed{
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#7b8b9f),color-stop(3%,#8c9baf),to(#647792));
	color:white;
	text-shadow:black 0 -1px 0
}

#triselectionbuttons,#duoselectionbuttons{
	-webkit-border-image:url('../images/navbutton.png') 0 5 0 5;
	border-width:0 5px 0 5px;
	position:relative;
	margin:auto
}

#duoselectionbuttons a:first-child{
	border:0
}

#triselectionbuttons a:first-child{
	border-right:solid 1px #556984
}

#triselectionbuttons a:first-child,#duoselectionbuttons a:first-child{
	margin-left:-4px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-bottom-left-radius:6px
}

#triselectionbuttons a,#duoselectionbuttons a{
	display:inline-block;
	text-align:center;
	color:white;
	text-decoration:none;
	margin-top:1px;text-shadow:black 0 -1px 0;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#909baa),color-stop(3%,#a5b4c6),color-stop(50%,#798eaa),color-stop(51%,#6b83a1),color-stop(97%,#6e85a3),to(#526379))
}

#triselectionbuttons a:last-child,#duoselectionbuttons a:last-child{
	border-left:solid 1px #556984;
	margin-right:-4px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px
}

#triselectionbuttons a:hover,#triselectionbuttons a#pressed,#duoselectionbuttons a:hover,#duoselectionbuttons a#pressed{
	background:none
}

#doublead{
	height:83px!important;
	position:relative;
	margin:0 auto 13px auto
}

#doublead a:first-child{
	left:0!important
}

#doublead a:last-child{
	right:0!important
}

#doublead a{
	width:147px!important;
	height:83px!important;
	position:absolute;
	-webkit-border-radius:8px;
        border-radius: 8px;
	display:block;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#7c7c7c),color-stop(3%,#858585),color-stop(97%,#a4a4a4),to(#c2c2c2))
}

li#doublead{
	margin-top:25px;
	margin-bottom:10px!important;
	background:none
}

li#doublead:hover{
	background:none
}

.searchbox{
	height:44px;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#f1f3f4),color-stop(3%,#e0e4e7),color-stop(50%,#c7cfd4),color-stop(51%,#bec7cd),color-stop(97%,#b4bec6),to(#8999a5));
	margin:-13px 0 13px 0;
	width:100%

}.searchbox form{
	height:24px;
	-webkit-border-image:url('../images/searchfield.png') 4 14 1 24;
	border-width:4px 14px 1px 24px;
	display:block;
	position:relative;
	top:8px;
	margin:auto
}

fieldset{
	border:0;
	margin:0;
	padding:0
}

.searchbox input[type="text"]{
	border:0;
	-webkit-appearance:none;
	height:18px;
	float:left;
	font-size:13px;
	padding:0;
	position:relative;
	top:2px;
	left:2px
}

.textbox img{
	max-width:100%
}

.textbox p{
	margin-top:2px
}

.textbox p{
	margin-top:2px;
	color:#000;
	margin-bottom:2px;
	text-align:left
}

.textbox img{
	max-width:100%
}

.textbox ul{
	margin:3px 0 3px 0;
	list-style:circle!important
}

.textbox li{
	margin:0!important
}

.chatbubble p,.chatbubblesend p{
	margin-top:2px
}

.chatbubble p,.chatbubblesend p{
	margin-top:2px;
	color:#000;
	margin-bottom:2px;
	text-align:left
}

.chatbubble img,.chatbubblesend img{
	max-width:100%
}

.chatbubble ul,.chatbubblesend ul{
	margin:3px 0 3px 0;
	list-style:circle!important
}

.chatbubble li,.chatbubblesend li{
	margin:0!important
}

.event p{
	margin-top:2px;
	margin-bottom:2px
}

.event img{
	width:20px;
	height:20px;
	position:relative
}

.pageitem li:first-child,.pageitem li.form:first-child, .pageitem_no_border li:first-child, .pageitem_no_border li.form:first-child{
	border-top:0
}

.menu,.checkbox,.radiobutton,.select,li.button,li.bigfield,li.smallfield{
	position:relative;
	list-style-type:none;
	display:block;
	height:43px;
	overflow:hidden;
	border-top:1px solid #c3c8ce;
	width:auto
}

.select select{
    width: 105%;
}


.menu:hover,.store:hover,.list #content li a:hover,.list .withimage:hover,.applist li:hover:nth-child(n),.ipodlist li:hover:nth-child(n){
    background:#cccccc;
}

.ipodlist li:hover:nth-child(n) .name,.ipodlist li:hover:nth-child(n) .time{
    border:0
}

.menu a:hover .name,.store:hover .starcomment,.store:hover .linkcomment,.store:hover .name,.store:hover .comment,.list .withimage a:hover .comment{
    color:#fff;
    z-index:1000;
    position:absolute;
    //font-weight: 900;

    //text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    //text-shadow: 0px 5px 5px rgba(150, 150, 150, 1);
}

.menu a:hover .comment, .menu:hover span.name, li.menu:hover, .menu:hover span.comment{
    color:#fff;
    cursor: pointer;
}


.menu a{
    /*display:block;*/
    height:43px;
    width:auto;
    text-decoration:none;

}

.menu a img, li.select img, a.menu img{
    width:32px;
    height:32px;
    margin:5px 0 0 5px;
    float:left
}

.menu.phone img, .menu.mail img{
    width:auto;
    height:32px;
    margin:5px 0 0 5px;
    float:left
}

.hidden_info {
    border : 0px;
}

.hidden_info > a > img {
    margin-left: 6px;
    float : left;
}

.file_info {
    background: #FFFFCC;
}
.edit_doc a img{
    //position: absolute;
    z-index: 5;
    width:auto;
    height:32px;
    margin-top: 5px ;
    float: right;
    //right: 5px;
    //display: block;
}

.edit_doc, .edit_doc a{
    float: right;
}

.adduser a img{
    position: absolute;
    z-index: 5;
    width:auto;
    height:32px;
    margin-top: 5px ;

    right: 5px;
    display: block;
}

.adduserconfirm {
	width:auto;
	height:32px;
        text-align: center;

}




.delete_dep a img{
        position: absolute;
        z-index: 5;
	width:auto;
	height:32px;
	margin-top: 5px ;

        right: 40px;
        display: inline;
}

.edit_dep a img{
        position: absolute;
        z-index: 5;
	width:auto;
	height:32px;
	margin-top: 5px ;

        right: 5px;
        display: inline;
}

.menu .name,.checkbox .name,.radiobutton .name{
	margin:11px 0 0 7px;
	width:auto;
        color:#555555;
	font-weight:lighter;
	font-size:17px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	float:left
}

span.name.namespan
{
    width:70% !important;
}

.menu .comment{
	margin:11px 30px 0 0;
	width:auto;font-size:17px;
	text-overflow:ellipsis;
	overflow:hidden;
	max-width:75%;
	white-space:nowrap;
	float:right;
	color:#324f85
}

.menu .arrow,.store .arrow,.musiclist .arrow,.list .arrow{
	position:absolute;
	width:8px!important;
	height:13px!important;
	right:10px;
	top:15px;
	margin:0!important;
	background:url("../images/arrow.png") 0 0 no-repeat
}

.menu .edit{
	position:absolute;
	width:16px!important;
	height:16px!important;
	right:10px;
	top:15px;
	margin:0!important;
	background:url("../images/edit16.png") 0 0 no-repeat
}
.menu .add{
	position:absolute;
	width:16px!important;
	height:16px!important;
	right:10px;
	top:15px;
	margin:0!important;
	background:url("../images/add.png") 0 0 no-repeat
}




.applist .arrow{
	position:absolute;
	width:8px!important;
	height:13px!important;
	right:10px;
	top:29px;
	margin:0!important;
	background:url("../images/arrow.png") 0 0 no-repeat
}

.store{
	height:90px;
	border-top:#c3c8ce solid 1px;
	overflow:hidden;
	position:relative
}

.store a{
	width:100%;
	height:90px;

	display:block;
	text-decoration:none;
	position:absolute
}

.store .image{
	position:absolute;
	left:0;top:0;
	height:90px;
	width:90px;
	display:block;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#eff1f5),to(#d6dce6));
	-webkit-background-size:90px
}

.store .image_adjusted{
	position:absolute;
	left:9;
	top:9;
	height:72px;
	width:72px;
	display:block;
        background-color: #d6dce6;
	//background:-webkit-gradient(linear,0% 0%,0% 100%,from(#eff1f5),to(#d6dce6));
        //background: -moz-linear-gradient(left,rgba(239,241,245,1),rgba(214,220,230,1));
        -webkit-border-radius: 36px;
        border-radius: 36px;
	-webkit-background-size:72px;
        border-radius: 36px;
        background-size: cover;
}

.store .time {
	position:absolute;
	left:10;top:10;
	height:20px;
	width:20px;
	display:block;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#eff1f5),to(#d6dce6));
	-webkit-background-size:20px
}

.store .notice {
	position:absolute;
	left:50;
	top:5;
	height:40px;
	width:40px;
	display:block;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#eff1f5),to(#d6dce6));
	-webkit-background-size:40px
}

.notice{
    left:55px !important;
    top:5px !important;
}

.applist .image{
	width:57px;
	height:57px;
	display:block;
	position:absolute;
	top:7px;
	left:11px;
	-webkit-border-radius:8px;
        border-radius: 8px;
	-webkit-box-shadow:0 2px 3px rgb(0,0,0);
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#7c7c7c),color-stop(3%,#858585),color-stop(97%,#a4a4a4),to(#c2c2c2));
	-webkit-background-size:57px
}

li:first-child.store .image,.store:first-child a{
border-top:#c3c8ce solid 1px;
}

li:last-child.store .image,.store:last-child a{

}

.store .name,.applist .name{
	font-size:15px;
	white-space:nowrap;
	display:block;
	overflow:hidden;
	color:#000;
	max-width:60%;
        width: 60%;
	text-overflow:ellipsis;
	font-weight:bold
}

.store .name{
	position:absolute;
	left:95px;
	top:25px;
}

.applist .name{
	position:absolute;
	top:27px;
	left:80px;
	text-shadow:#eee 0 1px 0
}

.store .comment,.list .withimage .comment,.applist .comment,.applist .price{
	font-size:12px;
	color:#7f7f7f;
	display:block;
	width:60%;
	font-weight:normal;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.store .comment,.list .withimage .comment{
	
        position: absolute;
        top: 10px;
        left: 95px;
}

.applist .comment{
	position:absolute;
	top:9px;
	left:80px;
	text-shadow:#eee 0 1px 0;
	color:#3b3b3b
}

.applist .price{
	position:absolute;
	top:29px;
	right:26px;
	text-shadow:#eee 0 1px 0;
	text-align:right;
	color:#3b3b3b
}

.store .arrow,.list .withimage .arrow{
	top:39px!important
}

.store .stars0,.store .stars1,.store .stars2,.store .stars3,.store .stars4,.store .stars5{
	position:absolute;
	top:56px;
	left:95px;
	width:65px;
	height:18px;
	display:block!important
}

.store .stars0{background:url('../images/0starsborder.png')}
.store .stars1{background:url('../images/1starsborder.png')}
.store .stars2{background:url('../images/2starsborder.png')}
.store .stars3{background:url('../images/3starsborder.png')}
.store .stars4{background:url('../images/4starsborder.png')}
.store .stars5, .applist .stars5{background:url('../images/5stars.png')}

.applist .stars0,.applist .stars1,.applist .stars2,.applist .stars3,.applist .stars4,.applist .stars5{
	position:absolute;
	top:46px;
	left:79px;
	width:65px;
	height:18px;
	display:block!important}

.applist .stars0{background:url('../images/0stars.png')}
.applist .stars1{background:url('../images/1stars.png')}
.applist .stars2{background:url('../images/2stars.png')}
.applist .stars3{background:url('../images/3stars.png')}.applist .stars4{background:url('../images/4stars.png')}

.applist .starcomment{
	left:147px;
	top:46px;
	color:#3b3b3b
}

.applist .linkcomment{
	left:147px;
	top:46px;
	color:#3b3b3b
}

.linkcomment{
	position:absolute;
	left:95px;
	top:56px;
	font-size:12px;
	color:#7f7f7f;
	font-weight:lighter
}

.starcomment{
	position:absolute;
	left:165px;
	top:56px;
	font-size:12px;
	color:#7f7f7f;
	font-weight:lighter
}

.commentdate {
    font-weight: normal;
    font-size: 9px;
    float: right;
}

.messagedate {
    font-weight: normal;
    font-size: 9px;
    float: right;
    display: block;
    width: 200px;
    text-align: right;
}

.store .messagecomment{
	position:absolute;
	left:95px;
	top:46px;
	font-size:12px;
	color:#7f7f7f;
	font-weight:lighter;
	text-overflow:ellipsis;
        max-height: 10px;
        padding-right: 20px;
}

.messagecomment{
    /*
	position:absolute;
	left:95px;
	top:56px;
	font-size:12px;
	color:#7f7f7f;
	font-weight:lighter;
	width:60%;
	text-overflow:ellipsis
    */
}

.applist a:hover .name,.applist a:hover .starcomment,.applist a:hover .linkcomment,.applist a:hover .comment,.applist a:hover .price{color:white;
	text-shadow:none
}

.graytitle{
	position:relative;
	font-weight:lighter;
	//font-size:17px;
	right:20px;
	//left:9px;
	//color:#516fa3;

	padding:1px 0 3px 8px;
            
        height: 20px;
        background-color: #5171a5;
        width: 100%;
        display:block;
        left: 0;
        color: white;
        font-family:helvetica;
        font-size:14px;
}
.graytitle p{
        margin-top:3px
}

.header, .tag_header{
  
	display:block;
	font-weight:lighter;
	color:#6f8fa8;
	font-size:12pt;
	margin-bottom:6px;
	line-height:14pt;
}

.tag_header{
    border-top: 1px solid #c3c8ce;
    padding-top: 5px;
}

.tag_title_text{
    margin-left: 5px;
}

.musiclist ul,.ipodlist ul,.applist ul{
	padding:0
}

.ipodlist ul{
	margin:0
}

.musiclist li:nth-child(odd){
	background:#dddee0
}

.applist li:nth-child(even){
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#adadb0),color-stop(98%,#adadb0),to(#898a8d))
}

.applist li:nth-child(odd){
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#98989c),color-stop(98%,#98989c),to(#898a8d))
}

.ipodlist li:nth-child(even){
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#414041),color-stop(3%,rgba(45,45,45,0.2)),to(rgba(45,45,45,0.2)))
}

.ipodlist li:nth-child(odd){
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#414041),color-stop(3%,rgba(50,50,50,0.4)),to(rgba(50,50,50,0.4)))
}

.musiclist #content li,.ipodlist #content li,.applist #content li{
	list-style:none;width:auto;position:relative
}

.musiclist #content li{
	height:44px;border-bottom:1px solid #e6e6e6
}

.applist #content li{
	height:70px;margin-bottom:1px
}

.ipodlist #content li{
	height:42px
}

.ipodlist #content{
	background:-webkit-gradient(radial,50% -70,0,50% 0,200,from(#444),to(rgb(13,13,13)));
	top:16px
}

.musiclist #content li a,.ipodlist #content li a{
	text-decoration:none;
	color:#000;
	width:100%!important;
	height:100%;
	display:block
}

.applist #content li a{
	text-decoration:none;
	color:#000;
	width:100%;
	height:100%;
	display:block
}

.musiclist .number,.musiclist .name,.musiclist .time{
	display:inline-block;
	height:44px;
	font-weight:bold;
	font-size:large;
	width:44px;
	text-align:center;
	line-height:46px
}

.musiclist .name{
	margin-left:0;
	width:auto!important;
	font-size:medium;
	padding-left:5px;
	border-left:solid 1px #e6e6e6
}

.musiclist .time{
	color:#848484;
	font-size:medium;
	margin-left:4px;
	width:auto!important;
	font-weight:normal
}

.musiclist{
	background-image:none!important;
	background-color:#cbcccf
}

.ipodlist{
	background-image:none!important;
	background-color:black
}

.applist{
	background-image:none!important;
	background-color:#98989c
}

.ipodlist span{
	color:white;
	font-weight:bold;
	font-size:14px
}

.musiclist .name{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}

.musiclist a:hover .name{
    color:#0380f2
}

.ipodlist .number{
	width:23px;
	display:block;
	float:left;
	height:42px;
	margin-right:3px;
	text-align:right;
	line-height:43px
}

.ipodlist .stop,.ipodlist .auto,.ipodlist .play{
	width:18px;
	display:block;
	float:left;
	height:10px;
	text-align:right;
	line-height:43px;
	margin-top:16px
}

.ipodlist .play{
	background:url('../images/play.gif') no-repeat
}

.ipodlist a:hover .auto,.ipodlist a:hover .play{
	background:url('../images/play.gif') no-repeat;
	background-position:0 -10px
}

.ipodlist .time{
	width:48px;
	float:right;
	border-left:solid #414041 1px;
	display:block;
	height:42px;
	text-align:center;
	line-height:43px
}

.ipodlist .name{
	display:block;
	float:left;
	width:inherit;
	height:42px;
	text-overflow:ellipsis;
	line-height:42px;
	padding-left:5px;
	overflow:hidden;
	white-space:nowrap;
	max-width:62%;
	border-left:solid #414041 1px
}

.list .title{
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#a5b1ba),color-stop(3%,#909faa),color-stop(97%,#b5bfc6),to(#989ea4));
	height:22px!important;
	width:100%;color:#fff;
	font-weight:bold;
	font-size:16px;
	text-shadow:gray 0 1px 0;
	line-height:22px;
	padding-left:20px;
	border-bottom:none!important
}

.list ul{
	background-color:#fff;
	width:100%;
	overflow:hidden;
	padding:0;
	margin:0
}

.list #content li{
	height:40px;
	border-bottom:1px solid #e1e1e1;
	list-style:none
}

.list{
	background-color:#fff;
	background-image:none!important
}

.list #footer{
	margin-top:24px!important
}

.ipodlist #footer{
	margin-top:48px!important
}

.list #content li a{
	padding:9px 0 0 20px;
	font-size:large;
	font-weight:bold;
	position:relative;
	display:block;
	color:#000;
	text-decoration:none;
	height:32px
}

.list #content li a .name{
	text-overflow:ellipsis;
	overflow:hidden;
	max-width:93%;
	white-space:nowrap;
	display:block
}

.list #content li a:hover{
	color:#fff
}

.list #content{
	margin-top:-13px!important
}

.ipodlist #content,.musiclist #content,.applist #content{
	margin-top:-29px!important
}

.list ul img{
	width:90px;
	height:90px;
	position:absolute;
	left:0;
	top:0
}

.list .withimage{
	height:90px!important
}

.list .withimage .name{
	margin:13px 0 0 90px;
	text-overflow:ellipsis;
	overflow:hidden;
	max-width:63%!important;
	white-space:nowrap
}

.list .withimage .comment{
	margin:10px auto auto 90px !important;
	max-width:63%!important
}

.list .withimage a,.list .withimage:hover a{
	height:81px!important
}

#leftnav,#leftbutton,#blueleftbutton{
	font-size:12px;
	font-weight:bold;
        z-index: 10;
        position: fixed;
}

#leftnav,#leftbutton,#rightnav,#rightbutton,#blueleftbutton,#bluerightbutton{
	z-index:10;
}

#leftnav a,#rightnav a,#leftbutton a,#rightbutton a,#blueleftbutton a,#bluerightbutton a{
	display:block;
	color:#fff;
	text-shadow:rgba(0,0,0,0.6) 0 -1px 0;
	text-decoration:none
}

.black #leftnav a:first-child,.transparent #leftnav a:first-child{

}

.black #leftnav a,.transparent #leftnav a{

}

.black #rightnav a:first-child,.transparent #rightnav a:first-child{

}

.black #rightnav a,.transparent #rightnav a{

}

.black #leftbutton a,.black #rightbutton a,.transparent #leftbutton a,.transparent #rightbutton a{

}



#leftnav a:first-child{
	z-index:10;

	border-width:0 5px 0 13px;
	-webkit-border-top-left-radius:16px;
	-webkit-border-bottom-left-radius:16px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	width:auto
}

#leftnav a{

	z-index:10;
	margin-left:-4px;
	border-width:0 5px 0 13px;
	padding-right:4px;
	-webkit-border-top-left-radius:16px;
	-webkit-border-bottom-left-radius:16px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	float:left
}

#rightnav,#rightbutton,#bluerightbutton{
	position:absolute;
	font-size:12px;
	right:9px;
	font-weight:bold
}

#rightnav a{

	z-index:3;
	margin-right:-4px;
	border-width:0 13px 0 5px;
	padding-left:4px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	float:right;
	-webkit-border-top-right-radius:16px;
	-webkit-border-bottom-right-radius:16px
}



#rightnav a:first-child{
z-index:2;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-left-radius:6px;

border-width:0 13px 0 5px;
-webkit-border-top-right-radius:16px;
-webkit-border-bottom-right-radius:16px
}

#leftbutton a,#rightbutton a{
	-webkit-border-image:url("../images/navbutton.png") 0 5 0 5;
	border-width:0 5px;
	-webkit-border-radius:6px;
        border-radius: 6px;
}

#blueleftbutton a,#bluerightbutton a{
	-webkit-border-image:url("../images/navbuttonblue.png") 0 5 0 5;
	border-width:0 5px;
	-webkit-border-radius:6px;
        border-radius: 6px;
}

input[type="checkbox"]{
	width:27px;
	height:27px;
	
	-webkit-appearance:none;
	border:0;
	float:right;
	margin:8px 4px 0 0;
        border: 2px solid #6f8fa8;
        border-radius: 5px;   
}

input[type="checkbox"]:checked{
    background-color: #6f8fa8;
	//background-position:0 27px;
}

.checkbox .image{
	position:absolute;
	left:0;
	top:0;
	height:32px;
	width:auto;
	display:block;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#eff1f5),to(#d6dce6));
	-webkit-background-size:32px;
}

input[type="radio"]{
        display: none;
}

.radiobutton label {
    width: 100%;
    display: block;
    height: 100%;
    cursor: pointer;
}

.radiobutton input:checked + span:before {
    width: .75em;
    height: .75em;
    margin: .125em;
    display: block;
    content: " ";
    background-color: #666;
    border-radius: 100%;
}

.radiobutton .control-indicator {
    width: 1em;
    height: 1em;
    margin: 11px 7px 0 0;
    padding: .125em;
    display: inline-block;
    border: 1px solid #aaa;
    border-radius: 100%;
    vertical-align: middle;
    float: right;
}

.radiobutton .name{
	z-index:1
}

select{
	-webkit-appearance:none;
	height:100%;
	width:100%;
	border:0
}

.select select{

	color:#555555;
	font-weight:lighter;
	font-size:17px;
        margin-left: 8px;
        text-overflow:ellipsis;
}

.select option{
	max-width:90%
}

.select .arrow, .down-arrow {
	background:url('../images/arrow.png');
	width:8px;
	height:13px;
	display:block;
	-webkit-transform:rotate(90deg);
	position:absolute;
	right:10px;
	top:18px
}

.button input{
	width:100%;
	height:100%;
	-webkit-appearance:none;
	border:none;
	font-weight:lighter;
	font-size:17px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	background:#6f8fa8;
        color: #ffffff;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        
}

.confirm_button_left input, .confirm_button_right input{
	width:100%;
	height:100%;
	-webkit-appearance:none;
	border:none;
	font-weight:lighter;
	font-size:17px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	background:#6f8fa8;
        color: #ffffff;
        -webkit-border-radius: 0px;
        border-radius: 5px;
        
}

.confirm_button_left{
    float: left;
}

.confirm_button_right{
    float: right;
}

.confirm_button_left, .confirm_button_right{
    position: relative;
    list-style-type: none;
    display: block;
    height: 43px;
    overflow: hidden;
    border: none !important;
}
.button:hover{
    background: #666666;
}

.textbox textarea{
	padding:0;
	margin-top:5px;
	font-size:medium;
}

.bigfield input{
	-webkit-appearance:none;
	border:0;
	height:100%;
	padding:0;
	-webkit-border-radius:0;
        border-radius: 0px;
	background:transparent;
	font-weight:lighter;
	font-size:17px;
	padding-left:5px
}
.bigfield_input{
	-webkit-appearance:none;
        width:80%;
	border:0;
	height:100%;
	padding:0;
	-webkit-border-radius:0;
        border-radius: 0px;
	background:transparent;
	font-weight:lighter;
	font-size:17px;
	padding-left:5px
}



.bigfield input[type=file] {
    margin-top: 8px;
    width: 370px;
    height: 30px;
}

.smallfield .name{
	width:48%;
	position:absolute;
	left:0;font-size:17px;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:lighter;
	line-height:44px;
	font-size:17px;
	padding-left:5px;
	overflow:hidden
}

.smallfield input{
	width:50%;
	position:absolute;
	right:0;
	height:44px;
	-webkit-appearance:none;
	border:none;
	padding:0;
	background:transparent;
	-webkit-border-radius:0;
        border-radius: 0px;
	font-weight:lighter;
	font-size:17px
}

.smallfield:first-child input{

}

.smallfield:last-child input{

}

/*
 *	Chatbubble message styles
 */

.chatbubble {
    word-wrap: break-word;
    height:auto;
    margin:6px auto;
    padding:6px;
    position:relative;
    width:200px;
    display:block;
    background:#0071ff;
    -webkit-border-radius:10px;
    border-radius:10px;
    color: #ffffff;
}

.chatbubblesend {
    word-wrap: break-word;
    height:auto;
    margin:6px auto;
    padding:6px;
    position:relative;
    width:200px;
    display:block;
    background:#ffffff;
    border:1px solid #0071ff;
    -webkit-border-radius:10px;
    border-radius:10px;
}
.chatbubble .chatbubbleglare,.chatbubblesend .chatbubbleglare{

}
.chatbubble .chatbubblearrowleft {
	border-color: transparent #0071ff transparent transparent;
	border-style: solid;
	border-width: 6px;
	height:0;
	width:0;
	position:absolute;
	bottom:-1px;
	left:-3px;
	-webkit-transform: rotate(70deg);
	transform: rotate(70deg);
}
.chatbubble .chatbubblearrowleftborder {
	border-color: transparent #0071ff transparent transparent;
	border-style: solid;
	border-width: 6px;
	height:0;
	width:0;
	position:absolute;
	bottom:-3px;
	left:-5px;
	-webkit-transform: rotate(70deg);
        transform: rotate(70deg);
}
.chatbubble .chatbubblearrowright {
	border-color: transparent #a5ff45 transparent transparent;
	border-style: solid;
	border-width: 6px;
	height:0;
	width:0;
	position:absolute;
	bottom:-1px;
	left:+198px;
	-webkit-transform: rotate(335deg);
	transform: rotate(335deg);
}
.chatbubble .chatbubblearrowright {
	border-color: transparent #0071ff transparent transparent;
	border-style: solid;
	border-width: 6px;
	height:0;
	width:0;
	position:absolute;
	bottom:-3px;
	left:+198px;
	-webkit-transform: rotate(335deg);
        transform: rotate(335deg);
}
.chatbubblesend .chatbubblearrowleft {
	border-color: transparent #a5ff45 transparent transparent;
	border-style: solid;
	border-width: 6px;
	height:0;
	width:0;
	position:absolute;
	bottom:-1px;
	left:-3px;
	-webkit-transform: rotate(70deg);
	transform: rotate(70deg);
}
.chatbubblesend .chatbubblearrowleftborder {
	border-color: transparent #38691a transparent transparent;
	border-style: solid;
	border-width: 6px;
	height:0;
	width:0;
	position:absolute;
	bottom:-3px;
	left:-5px;
	-webkit-transform: rotate(70deg);
        transform: rotate(70deg);
}
.chatbubblesend .chatbubblearrowright {
	border-color: transparent #ffffff transparent transparent;
	border-style: solid;
	border-width: 6px;
	height:0;
	width:0;
	position:absolute;
	bottom:-3px;
	left:+203px;
	-webkit-transform: rotate(335deg);
	transform: rotate(335deg);
}
.chatbubblesend .chatbubblearrowrightborder {
	border-color: transparent #0071ff transparent transparent;
	border-style: solid;
	border-width: 6px;
	height:0;
	width:0;
	position:absolute;
	bottom:-5px;
	left:+205px;
	-webkit-transform: rotate(335deg);
        transform: rotate(335deg);
}

.rightimgarrow{
    left: 192px !important;
}

.rightimgborder{
    left: 194px !important;
}

.imgchatbubble{
    padding: 1px;
    //left: 7px;
}

.leftimgarrow{
    left: -5px !important;
}

.leftimgborder{
    left: -7px !important;
}

@media screen and (min-width:401px)
{
    textarea#theMessage.animated, textarea#message.animated
    {
        height: 56px;
    }
}
@media screen and (max-width:401px)
{
    textarea#theMessage.animated, textarea#message.animated
    {
        height: 80px;
    }
}
textarea#theMessage.animated, textarea#message.animated
{
    font-family: helvetica;
    font-size:14px;
    font-weight:lighter;
    color:#444444;
    border:none;
    padding-left:5px;
    padding-top:5px;
}
/*
*	advert plugin CSS styles
 */
#advert
{
	width:100%;
	height:auto;
	text-align:center;
}

.ad_image, .store_ad_image
{
	width:100%;
	min-height:50px;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
}

.store_ad_image img{
    //height:200px;
    width:200px;
    border-style:solid;
    border-color:white;
    border-width:5px;
    cursor: pointer;
    -moz-box-shadow: 3px 3px 3px #888;
    -webkit-box-shadow: 3px 3px 3px #888;
     box-shadow: 3px 3px 3px #888;
}

.ad_image img{
    height:200px;
    width:200px;
    border-style:solid;
    border-color:#FFFFCC;
    border-width:5px;
    -webkit-box-shadow: 3px 3px 3px #888;
}

.ad_header
{
    display:block;
    width:100%;
    height:auto;
    padding-top:10px;
}
.ad_header h1
{
    font-family:Helvetica, Arial, sans-serif;
    font-size:20px;
    color:#333333;
    font-weight:bold;
}
.ad_header h2
{
    font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
    color:#333333;
    font-weight:bold;
}

.ad_body
{
    display:block;
    height:auto;
    padding-bottom:10px;
}

#show_images
{
	display:none;
	position:fixed;
	top:80px;
	left:0px;
	width:100%;
	height:auto;
	text-align:center;
	background:#FFFFFF;
	padding-bottom:20px;
	z-index:10;
}

.image_thumbnail
{
	border:#FFFFFF;
	text-align:center;
	border-style:solid;
	margin-left:5px;
	margin-top:10px;
	border-width:5px;
	width:20%;
	height:auto;
	position:relative;
	display:inline-block;
	-webkit-box-shadow: 3px 3px 3px #888;
}

.add_text
{
	display:none;
	position: fixed;
	top:70px;

	width:100%;
	height:auto;
	z-index:10;
	padding-top:20px;
}


.picture_holder {
    float: left;
    width: 65px;
}

#spotify img {
    margin-right: 10px;
    float: right;
}

.default_role input[type="checkbox"]{
    display: inline;
    right: 75px;
    position: absolute;
}

#facebook_save_message_div{
    border: 1px solid #c3c8ce;
    margin-top: 3px;
    padding: 10px;
    margin-bottom: 5px;
}

.org_area{
    float: right;
    width: 50%;
    margin: 0px;
    height: 43px;
    resize: none;
    border: 0;
    padding-top: 12px;
    font-family: helvetica,sans-serif;
    font-size: 17px;
    padding-left: 0;
}

.two_ppl_holder{
    float:left;
    width:50%;
    height:100%;
}

.four_ppl_holder{
    float:left;
    width:50%;
    height:50%;
}

.nine_ppl_holder{
    float:left;
    width:26%;
    height:26%;
}

.four_ppl_img{
   float:left;
   width:100%;
   height:100%;
   -webkit-border-radius: 36px; 
   border-radius: 36px;
   position:relative;
   background-size: 100% 100%;
   background-color: white;
}

.nine_ppl_img{
   width:100%;
   height:100%;
   -webkit-border-radius: 36px; 
   border-radius: 36px;
   position:relative;
   top: 7px;
   left: 7px;
   background-size: 100% 100%;
   float:left;
   font-size:50%;
   background-color: white;
}

.two_ppl_grid{
    width:100%;
    height: 50%;
}

.four_ppl_grid{
    width:50%;
    height: 50%;
}

.nine_ppl_grid{
    width:33%;
    height: 33%;
}

.image_adjusted{
    overflow:hidden;
    width:64px !important;
    height:64px !important;
}

.conv_img{
    float: left; 
    width: 64px; 
    //margin-left: 5px; 
    display:block; 
    -webkit-border-radius: 36px; 
    border-radius: 36px;
    height: 64px; 
    background-size: 100% 100%; 
    margin-top: 2.5px;
    margin-left: 5px;
    overflow: hidden;
    background-color: #d6dce6;
    //background: -webkit-gradient(linear,0% 0%,0% 100%,from(#eff1f5),to(#d6dce6));
    //background: -moz-linear-gradient(left,rgba(239,241,245,1),rgba(214,220,230,1));
}

.lockString{
    margin: 10px;
    font-size: 11px;
}

.lockDiv{
    border-top: 1px solid #c3c8ce;
}

.centered{
    text-align: center !important;
    margin: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #516fa3 !important;
}

.large_centered{
    text-align: center !important;
    margin: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #516fa3 !important;
}

p.centered{
    top: 54%;
}

#user_container{
    border-top: 1px solid #c3c8ce;
}

.small_profile, .small_initials, .small_single_initials{
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.small_initials, .medium_initials, .large_initials{
    background-color: white;
}

.small_single_initials, .medium_single_initials, .large_single_initials{
    background-color: #d6dce6;
}

.medium_initials, .medium_single_initials, .medium_profile{
    border-radius: 36px;
}

.large_profile, .large_initials, .large_single_initials{
    border-radius: 40px;
}

.auto_margin{
    margin: auto;
}

.margin_top_5{
    margin-top: 5px;
}

.margin_bot_5{
    margin-bottom: 5px;
}

.margin_left_5{
    margin-left: 5px;
}

.margin_right_5{
    margin-right: 5px;
}

.size_20x20{
    width:20px;
    height:20px;
    font-size:55%;
}

.size_30x30{
    width:30px;
    height:30px;
}

.size_32x32{
    width:32px;
    height:32px;
}

.size_40x40{
    width:40px;
    height:40px;
}

.size_45x45{
    width:45px;
    height:45px;
}

.size_60x60{
    width:60px;
    height:60px;
}

.size_80x80{
    width:80px;
    height:80px;
}

.left{
    float:left;
}

.right{
    float: right;
}

.top_16{
    top: 16px;
}

.bottom_16{
    bottom:16px;
}

.span_image{
    background-size: 100% 100%;
}

.single_message_profile{
    margin-top: 2.5px;
}

max_100{
    max-width: 100px;
}

#fb_toggle_button, #message_img_div{
    width:10%;
    position:relative;
    top:5px;
    display:inline-block;
}

.imgMsgText{
    margin: 5px !important;
}

.imgMsgBtn{
    border-radius: 10px !important;
    color: black !important;
    background: white !important;
    cursor: pointer;
}

.imgMsgBorder{
    border: 1px solid #0071ff !important;
    background: white !important;
    border-radius: 10px !important;
}

.user_org{
    display: inline-block;
    //margin: 5px;
}

.org_holder{
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
    margin-top: 5px;
}

.large_org_div{
    height: 25px;
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}

#large_org_holder{
    float:left;
    width: 90%;
}

.hoverName{
    margin: 11px 0 0 7px;
    width: auto;
    color: white;
    font-weight: lighter;
    font-size: 17px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    max-width: 85%;
}

.hoverArrow{
    position:absolute;
    width:8px!important;
    height:13px!important;
    right:10px;
    top:15px;
    margin:0!important;
    background:url("../images/arrow.png") 0 0 no-repeat;
    background-position:0 -13px!important;
}

.tag_smallfield{
    height: 44px !important;
    border-bottom: 1px solid #c3c8ce;
}

.prev_g_img{
    width: 100%;
    border: 1px solid #c3c8ce
}

#add_group_pic_holder{
    width: 95%; 
    overflow-x: auto; 
    max-width: 600px; 
    max-height: 600px; 
    background-color: #fff; 
    margin-left:auto; 
    margin-right:auto;
}

#img_prev_div{
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
}

#imageTextholder, #commentTextHolder{
    width: 80%;
    display: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top:15px;
    margin-bottom:15px;
}

.big_input_btn{
    cursor: pointer;
}

.big_input_btn_holder{
    margin-top:15px;
}

.tag_list_item_holder{
    border-top: 1px solid #c3c8ce;
}

.tag_view_list{
    border-top: 1px solid #c3c8ce;
}

.tag_list_item{
    margin:9px;
}

.stats-title {
    font-weight:lighter;
    font-size:17px;
    color:#516fa3;
    padding:1px 0 3px 8px
}

.stats-1,
.stats-2,
.stats-3 {
    position: absolute;
    z-index: 5;
    width:auto;
    height:32px;
    display: inline;
}

.stats-1 {
    right: 125px;
}

.stats-2 {
    right: 65px;
}

.stats-3 {
    right: 5px;
}

.menu .stats-1,
.menu .stats-2,
.menu .stats-3
{
    margin: 11px 0 0 7px;
}
.store_text_row{
    float:left !important;
    position:relative !important;
    margin-top:6px !important;
    margin-left:10px !important;
    left: 0 !important;
    top: 0 !important;
}

.store_item_header{
    margin-top: 5px;
    margin-bottom: 15px;}

#navHelpMenu{
    width:30px !important;
    height: 30px !important;
    //float:left !important;
    margin: 0px !important;
    position: relative;
    right: 7px !important;
    bottom: 15px;
}

.help_img{
    margin-top: 15px;
    margin-bottom: 15px;
}

#show_third{
    border-top:#c3c8ce solid 1px;
    border-bottom:#c3c8ce solid 1px;
}

#show_third_text{
    margin-left: 10px;
}

.menu a .name img{
    float: none;
    margin: 0;
    width: 0;
    height: 0;
}

.link_subject img{
    margin: 0;
}

#cal_list_ctrl_div, .flow_ctrl_div, .profile_ctrl_div, .org_ctrl_div{
    float:left;
    width:100%;
    background-color:#dddddd;
    height:40px;
}
.left_ctrl, .add_ctrl{
    cursor: pointer;
    width:30px;
    margin-top:5px;
}
.left_ctrl{
    float:left;
    margin-left:5px;
}
.left_ctrl_div{
    float:left;
    height:40px;
    width:40px;
}
.left_ctrl_div[data-chosen="1"]{
    background-color: white;
}
.right_ctrl_div{
    float:right;
    height:40px;
    width:40px;
}
.profile_tab_div[data-visible="0"], .org_tab_div[data-visible="0"]{
    display: none;
}
.add_ctrl{
    float:right;
    margin-right:5px;
}
.cal_list_event_holder{
    float:left;
    width:100%;
    height:70px;
    list-style: none;
    margin-bottom:1px;
    margin-top:1px;
}
.right_cal_list_event_holder{
    float:left;
    width:100%;
    height:55px;
    list-style: none;
    margin-bottom:1px;
    margin-top:1px;
}
.right_cal_list_event_holder .cal_list_color_div p{
    margin-top: 5px;
}
.right_cal_list_event_holder .cal_list_event_title_holder{
    margin-top: 2px;
}
.right_cal_list_event_holder .cal_list_event_text_holder{
    margin-top: 3px;
    margin-left: 17px;
}
.right_cal_list_event_holder .cal_list_event{
    width:74%;
}
.right_cal_list_event_holder .cal_list_event_title{
    margin: 3px 0px 0 17px;
}
.cal_list_event_holder:hover, .right_cal_list_event_holder:hover{
    background-color:#cccccc;
    cursor:pointer;
}
.cal_list_event_holder:hover p, .right_cal_list_event_holder:hover p{
    color:white;
}
.cal_list_color_div{
    float:left;
    width:75px;
    height:100%;
    position: relative;
}
.cal_col_1{
    background-color:#51a580 !important;
    color:white;
}
.cal_col_2{
    background-color:#faa429 !important;
    color:white;
}
.cal_col_3{
    background-color:#f24e28 !important;
    color:white;
}
.cal_col_4{
    background-color:#dddddd !important;
    color:#444444;
}
.cal_col_4 p{
    color:#444444 !important;
}
.cal_list_color_div p{
    color:white;
    margin: 9px 0px 0px 8px;
    font-family: helvetica;
    font-size:17px;
    font-weight:lighter;
}
.cal_list_event{
    float:left;
    width:75%;
    height:100%;
}
.cal_list_event_title_holder{
    margin: 5px;
    float: left;
    width: 100%;
    height: 29px;
}
.cal_list_color_div .cal_list_stop_time{
    margin-top:2px;
}
.cal_list_event_title{
    font-size: 17px;
    font-weight: lighter;
    color: #516fa3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 29px;
    margin: 3px 0 0 0;
    font-family:helvetica;
}
.non_organizer_status_holder{
    float:left;
    width:100%;
}
.cal_list_event_title img{
    position: relative;
    top:2px;
}
.cal_list_event_loc{
    font-size:14px;
    margin:5px;
    margin-top:0;
    color:#444444;
    font-family: helvetica;
}
.cal_list_event_inf{
    font-size:11px;
    margin:5px;
    color:#444444;
    font-family: helvetica;
    position: relative;
    bottom: 4px;
}
.cal_list_event_text_holder, .cal_list_icon_holder{
    float:left;
    width:50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    bottom: 5px;
}
.cal_list_icon_holder img{
    float:right;
    width:35px;
    margin-right:5px;
    margin-bottom:5px;
}
.cal_list_icon_holder p{
    float:right;
    margin:0;
    position:relative;
    top:14px;
    margin-right:5px;
    color: #444444;
    font-family: helvetica;
    font-size: 14px;
}
.cal_org_holder li{
    border:none;
}
.cal_org_holder .name{
    color: #5171a5;
    font-size: 16px;
    font-family: helvetica;
    font-weight: lighter;
}
.cal_org_holder input{
    margin-right:10px;
    cursor: pointer;
}
#cal_org_list, #cal_date_picker, #cal_list_holder, #cal_create_event{
    float:left;
    width:100%;
}

#cal_create_event, #eventTextholder, .deps_holder, .cal_save_button_div{
    background-color: #dddddd;
}

#cal_loc, #cal_title, #calText{
    background-color:white;
}

#cal_create_event ul, #cal_create_event form{
    margin-top:0;
    margin-bottom:0;
}

.deps_holder{
    float: left;
    width: 100%;
    border: 1px solid #c3c8ce;
}
.cal_date_select_holder{
    float: left;
    width: 100%;
    border-bottom: 1px solid #c3c8ce;
    height: 40px;
    font-family: helvetica;
    font-size: 16px;
    cursor:pointer;
}
.cal_display_title, #cal_display_date_start, #cal_display_time_start, #cal_display_date_stop, #cal_display_time_stop{
    float:left;
    margin-top:12px;
}
.cal_display_title, #cal_display_time_start, #cal_display_time_stop{
    margin: 12px 0 0 10px;
}
.date_display_holder{
    float:right;
    margin-right:30px;
}
.date_selector_img{
    float: right;
    width: 30px;
    cursor: pointer;
    margin: 5px 5px 0 0;
}
.cal_time_select_div{
    //border: 1px solid #c3c8ce;
    float:right;
    width:20%;
    margin-top:20px;
    margin-bottom:10px;
    /*margin-right:15px;
    margin-bottom:15px;*/
}

.cal_time_input{
    float:left;
    width:35%;
    height:30px;
    border: 1px solid #c3c8ce;
}
.cal_time_separator{
    float: left;
    margin-top: 5.5px;
    margin-left:5px;
    margin-right:5px;
}
.cal_box{
      margin: 6px 7px 0 0 !important;
      cursor:pointer;
}
.deps_holder{
    border:0;
}
.deps_holder .select{
    margin-top:15px;
    margin-bottom:15px;
    background-color:white;
    cursor:pointer;
}
.deps_holder select{
    cursor:pointer;
    background-color:white;
}
.cal_save_button{
    margin: 0 15px 15px 15px;
    position:relative;
    list-style-type:none;
    display:block;
    height:43px;
    overflow:hidden;
    border-top:1px solid #c3c8ce;
    width:auto;
}
.cal_save_button input{
    width:100%;
    height:100%;
    -webkit-appearance:none;
    border:none;
    font-weight:lighter;
    font-size:17px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    background:#516fa3;
    color: #ffffff;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    cursor: pointer;
}
.cal_save_button_div, .view_cal_title_holder, .cal_view_date_holder, .view_cal_text_content, .view_cal_title_text_div, .invitee_holder, #cal_edit_div, .comment_img_holder, 
.view_cal_comment_div, .view_cal_comment_div #add_comment_div, .show_add_comment_div, .calendar_users_list_div, .calendar_users_list_div, .status_control_panel, #send_button,
.invitee_status_holder, .cal_org_holder, .cal_org_holder .checkbox, #camera_ctrl_div, #link_ctrl_div, #send_select, #group_select, #group_select_div, #cam_select_holder,
#flow_org_list, #doc_ctrl_div, #search, #upload, #search_result, #doc_folders, .cat_select, #MyUploadForm, #edit_send_button, #groupmailResultDiv, .groupmailUserLoader, 
.doc_edit_input, .doc_edit_div{
    float:left;
    width:100%;
}
#calText{
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 60px;
    resize: none;
    font-family: helvetica;
    font-size: 14px;
    border: none;
    padding-left: 5px;
}
.cal_full_day{
    margin-top:8px !important;
}
.view_cal_title_status{
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 36px;
    margin: 5px 0 0 5px;
}
.cal_view_month{
    font-size:12px;
}
.cal_view_day{
    height:15px;
    font-size:22px;
}
.cal_view_month, .cal_view_day{
    color:white;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0;
    margin-top:10px;
}
.cal_view_date_holder{
    text-align:center;
}
.view_cal_title_text_holder, .view_cal_title_text_holder2{
    width:120px;
    margin-left:10px;
}
.view_cal_title_text_holder, .invites_div, .invitee_status_holder, .control_bubble, .bubble_holder{
    float:left;
}
.view_cal_title_text_holder2{
    float:right;
    margin-top:5px
}
.view_cal_title_text, .view_cal_full_day{
    margin:0;
    margin-top:2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:100%;
}
.view_cal_full_day{
    margin-bottom:20px;
}
.view_cal_title_text_holder .view_cal_title_text{
    float:left;
}
.view_cal_title_text_holder2 .view_cal_title_text{
    float:right;
    margin-right:5px;
}
.view_cal_text_content{
    margin-top:15px;
}
.view_cal_content_title{
    color: #516fa3;
    font-size: 22px;
    margin-left:15px;
    margin-bottom:10px;
}
.view_cal_content_body{
    margin-left:15px;
    margin-top:0;
}
.call_comment_text_div, .view_cal_comment_div .add_comment_div{
    margin-left:45px;
}
.show_add_comment_div{
    cursor:pointer;
}
.show_add_comment_div p{
    float:right;
    color: #516fa3;
    margin-right:5px;
}
.cal_comment_user{
    font-weight: bold;
}
.cal_comment_text, .cal_comment_user{
    margin:0;
}
.call_comment_text_div{
    margin-bottom:10px;
}
.view_cal_content_body, .cal_comment_user, .cal_comment_text{
    font-size:13px
}
.organizer_div, .organizer_status_holder, .invites_div, .non_organizer_status_holder{
    margin-left:15px;
}
.invitee_status_holder{
    margin-left:30;
}
.organizer_div p, .invites_div p{
    font-weight:bold;
    font-size:13px;
}
.invites_div, .invitee_status_holder, .status_control_panel{
    margin-top:15px;
}
.status_control_panel{
    background-color:#d6dce6;
    display:flex;
}
.organizer_status, .invitee_status{
    width:30px;
    height:30px;
    float:left;
    border-radius:36px;
}
.organizer_div .organizer_name_text, .invitee_holder .invitee_name_text{
    float:left;
    width:60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:13px;
    font-weight:normal;
    margin-top:8px;
    margin-left:10px;
}
.cal_edit_btn{
    float:right;
    width:38px;
    position:relative;
    bottom:5px;
    cursor:pointer;
}
#invitee_title{
    cursor:pointer;
    float:left;
    margin:0;
}
.control_bubble p{
    font-size: 12px;
    margin: auto;
    margin-top:22px;
}
.bubble_text_holder{
    display:flex;
    float:left;
    width:100%;
}
.bubble_text_holder p{
    margin:0;
}
.control_bubble{
    margin: 5px;
    height: 60px;
    width: 60px;
    border-radius: 36px;
    background-color: white;
    cursor:pointer;
    text-align:center;
}
.control_bubble2{
    margin: 5px;
    height: 60px;
    width: 60px;
    border-radius: 36px;
    background-color: white;
    float:left;
    cursor:pointer;
}
.bubble_holder{
    margin-left:auto;
    margin-right:auto;
}
.control_bubble2 p{
    font-size:13px;
    margin-left:auto;
    margin-right:auto;
}
#cal_edit_div .cal_save_button{
    margin-top:15px;
}

#month_year_holder{
    margin-left: auto;
    margin-right: auto;
}

.no_events_holder{
    height: 30px;
}
.no_events_title{
    margin: 12px 0px 0px 8px;
    float: left;
    font-size: 16px;
    font-family: helvetica;
    font-weight: lighter;
}
#title_time_start_holder{
    font-family: helvetica;
    font-weight: lighter;
}
.view_cal_title_text_holder{
    height:50px;
    margin-top:5px;
}
.view_cal_title_text{
    font-size:14px;
}
#del_holder{
    float:right;
}
.comment_menu{
    float: left;
    width: 100%;
    background-color: #dddddd;
}
.comment_menu p{
    float: right;
    font-size: 12px;
    font-weight: lighter;
    font-family: helvetica;
    margin: 8px 5px 0 0;
}
.comment_menu img{
    width: 30px;
    float: right;
    cursor: pointer;
}

#set_today_button{
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    border: none;
    font-weight: lighter;
    font-size: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #516fa3;
    color: #ffffff;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    cursor: pointer;
}

.set_today_button_div{
    float: right;
    width: 100px;
    height: 26px;
}

#login_logo{
    display:block;
    margin-bottom:14px;
}
#login_logo img{
    height:25px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.login_links{
    text-align: center;
    margin-bottom: 10px;
    list-style: none;
}
.textbox.textbox_toggler{
    height:30px;
    background-color: #dddddd;
}
.app_image{
    border-radius: 36px;
}

#group_select_div, #camera_ctrl_div, #link_ctrl_div{
    background-color: #dddddd;
    padding-bottom: 15px;
    //padding-top: 15px;
    //margin-top: 20px;
}
#group_select, #cam_select_holder, #link_holder{
    background-color:white;
}
#send_button{
    float:left;
    width:100%;
    background-color:#dddddd;
}
select_div, #camera_ctrl_div, #link_ctrl_div{
    background-color: #dddddd;
    padding-bottom: 15px;
    //padding-top: 15px;
    //margin-top: 20px;
}
#group_select, #cam_select_holder, #link_holder, .link_holder{
    background-color:white;
}
#send_button{
    float:left;
    width:100%;
    background-color:#dddddd;
}
#snippetDiv .graytitle, #menuDiv .graytitle{
    float:left;
}
#org_file{
    margin-top:8px;
}
.org_text_div{
    float:left;
    width:100%;
    background-color: #dddddd;
}

.org_text_div textarea{
    //float:left;
    width:100%;
    margin-top:15px;
    margin-bottom:15px;
    resize:none;
    height:60px;
    font-family:helvetica;
    border:none;
    padding-left:5px;
    font-size:14px;
}

.profile_action_icon{
    height: 29px;
    width: 29px;
    cursor: pointer;
    float: right;
}

.profile_action_text{
    float:left;
    font-size: 10px;
}

.profile_action_holder{
    cursor: pointer;
    width: 96px;
    float: left;
}

.profile_action_holder:hover{
    background: #cccccc;
}

.profile_friend_text_holder{
    height: 28px;
    width: 90px;
    float: left;
    text-overflow: ellipsis;
    margin-top: 10px;
}

.profile_avatar{
    margin-top: 5px;
    margin-left: 15px;
    float: left;
}

.friend_friend_holder{
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    width: 90px;
    height: 125px;
}

.friend_aligner{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 310px;
}

.flow_new_friend_menu{
    margin-left: 50px;
}

.flow_new_friend_text_holder{
    margin-top: 7px;
    margin-left: 5px;
    max-width: 65%;
    float: left;
}

.flow_new_friend_text_holder .flow_new_friend_text{
    color: #555555;
    font-family: helvetica;
    font-weight: lighter;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.flow_new_friend_menu:hover .flow_new_friend_text{
    color: #fff;
}

.flow_new_friend_text{
    float: left;
    width: 100%;
}

.flow_new_friend_menu a{
    display: block;
}

.flow_icon_nav{
    float: right;
}

flow_icon_nav img{
    float: left;
    height: 40px;
    width: 40px;
    cursor: pointer;
}

.flow_icon_nav div{
    float:left;
    height:100%;
}

.flow_icon_nav div:hover{
    background-color: white;
}

.flow_new_friend_text_holder .text1{
    font-size: 12px;
}

.flow_new_friend_text_holder .text2{
    font-size: 11px;
}

.message_icon_nav{
    float: right;
}
    
.message_icon_nav img{
    float: left;
    height: 40px;
    width: 40px;
    cursor: pointer;
}

.search_user_menu .name{
    max-width: 55%;
}

.message_icon_nav div{
    float:left;
    height:100%;
}

.message_icon_nav div:hover{
    background-color: white;
}

#searchResultDiv .menu{
    float:left;
    width:100%;
}
#doc_ctrl_div{
    height: 40px;
    background-color: #dddddd;
}
.ctrl_footer{
    float: left;
    width: 100%;
    height: 15px;
    background-color: #dddddd;
}

.flow_main_text_align{
    margin-left: 45px;
    font-size: 14px;
}

.flow_external_link{
    
}

.flow_external_link:hover{
    background:#cccccc;
    cursor:pointer
}

.message_icon_nav{
    float: right;
}
    
.message_icon_nav img{
    float: left;
    height: 40px;
    width: 40px;
    cursor: pointer;
}

.search_user_menu .name{
    max-width: 55%;
}

.message_icon_nav div{
    float:left;
    height:100%;
}

.message_icon_nav div:hover{
    background-color: white;
}

#doc_ctrl_div{
    height: 40px;
    background-color: #dddddd;
}
.ctrl_footer{
    float: left;
    width: 100%;
    height: 15px;
    background-color: #dddddd;
}

.profile_pic_holder{
    display: inline-block;
    margin-bottom: 40px;
    margin-top: 20px;
    height: 100px;
    display: block;
    text-align: center;
}

.profile_pic{
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.profile_tab_div{
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

.profile-name-text{
    display: inline-block;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
}

.large_org_div p, .org_holder p{
    margin-top: 2px;
    color: #000;
    margin-bottom: 2px;
    text-align: left;
}

.profile_contact_menu{
    display: inline-block;
    margin: 5px;
    background-color: #dddddd;
    width: 30%;
}

.profile_contact_menu_holder{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.profile_contact_menu span{
    display: block;
    font-weight: lighter;
    color: #516fa3;
    font-size: 12px;
    line-height: 25px;
}

.profile_contact_menu[data-selected="1"] span{
    color: white;
}

.profile_contact_menu[data-selected="1"]{
    background-color: #516fa3;
}

.profile_contact_menu:hover a{
    text-decoration: none;
}

.profile_add_title{
    float: right;
    margin-top: 11px;
    cursor: pointer;
}

.contact_footer{
    float: left;
    width: 100%;
    height: 15px;
    background-color: #dddddd;
}

#confirm_box{
    width: 320px;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    border-radius: 5px 5px 5px 5px;
}

#confirm_accept_holder, #confirm_deny_holder{
    width: 48%;
    cursor: pointer;
}

#confirm_message{
    float: left;
    width: 245px;
}

#confirm_accept_btn, #confirm_deny_btn{
    cursor: pointer;
}

@media screen and (max-width:400px)
{
    #conv_btns_holder{
        //float: left;
        background-color: white;
        width: 100%;
        padding-top: 10px;
        position: relative;
        bottom: 1px;
        //padding-bottom: 10px;
        //padding-left: 10px;
        //padding-right: 10px;
        //border-radius: 0px 0px 5px 5px;
        display: inline-block;
    }
}

@media screen and (min-width:401px)
{
    #conv_btns_holder{
        //float: left;
        background-color: white;
        width: 100%;
        padding-top: 10px;
        position: relative;
        bottom: 1px;
        //padding-bottom: 10px;
        //padding-left: 10px;
        //padding-right: 10px;
        //border-radius: 0px 0px 5px 5px;
        display: inline-block;
    }
}

.comment_initials p{
    top: 47%;
}

.event_initials p{
    top: 50%;
}

#edit_send_button{
    background-color: #EDF1F6;
}

.comment_answers_div{
    background-color: #edf1f6;
    padding-top: 1px;
}

.the_answer{
    background-color: white;
    margin-left: 34px;
    margin-top: 10px;
}

.comment_likes{
    font-family: helvetica;
    font-size: 10px;
    padding: 10px;
}

.create_ical_img{
    height: 40px;
    width: 40px;
    float: left;
}

.create_ical_holder{
    margin-left: 10px;
    cursor: pointer;
}

.create_ical_text{
    float: left;
    font-size: 13px;
    margin-left: 5px;
}

.add_mailgroup_div .cal_save_button{
    margin-top: 15px;
    margin-bottom: 0px;
}

#list_mailgroups_div, #editGroupmailResultDiv{
    float: left;
    width: 100%;
}

.mailgroup_list, .show_mailgroup_list{
    position: relative;
    list-style-type: none;
    display: block;
    height: 43px;
    overflow: hidden;
    border-top: 1px solid #c3c8ce;
    float: left;
    width: 100%;
    cursor: pointer;
}

.mailgroup_name{
    margin: 12px 0 0 10px;
    float: left;
    max-width: 210px;
    max-height: 20px;
    overflow: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}

.mailgroup_name p{
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mailgroup_img{
    width: 40px;
    margin-top: 2px;
    margin-right: 5px;
    float: right;
    cursor: pointer;
}

.mailgroupchat_form{
    margin-bottom: 0px;
}

.show_mailgroup_list{
    cursor: default;
    background-color: #dddddd;
}

.add_mailgroup_div{
    float: left;
    width: 100%;
}

.contact_menu{
    border-top: none;
}

#contact_settings_div p{
    margin: 10px;
}

.folder_button{
    float: left;
    width: 100% !important;
}

.doc_desc, .doc_title{
    margin-left: 10px;
}

.doc_title{
    font-size: 9pt;
}

.org_app_info_holder{
    float: left;
    width: 100%;
}

.org_app_info_holder p{
    margin: 5px 10px 0px 10px;
}

.external_project_toggle_header{
    margin-top: 12px;
    margin-left: 7px
}

.menu .number{
    margin-top: 12px;
    margin-right: 45px;
    color: #555555;
    font-weight: lighter;
    font-size: 17px;
    float: right;
}
.menu:hover span.number{
    color: #fff;
    cursor: pointer;

}

.appConfirmDiv{
    z-index: 999;
    position: fixed; 
    width: 100%; 
    height: 100%; 
    padding-top: 100px;
    overflow: auto; 
    cursor: pointer;
    top: 0px;
}
.appConfirmDiv::after{
    content: "";
    background-color: #5171a5;
    opacity: 0.4;
    top: 0px;
    left:0px;
    bottom: 0px;
    right: 0px;
    position: absolute;
    z-index: -1;
}

.app_confirm_img{
    float: left;
    width:40px;
    height:40px;
    padding-right:5px
}